この記事では、GemPages を使用してランディング ページにコレクションを追加する方法について説明します。
GemPages で構築したランディング ページにコレクションを追加するにはどうすればよいでしょうか?
あなたが使用することができます 商品リスト GemPages V7の要素を使用すると、ランディングページを含むあらゆるタイプのページに商品コレクションを追加できます。手順は以下のとおりです。
ステップ1: 店は開いています GemPagesダッシュボード > ページ > 着陸.
ステップ2: 希望するランディング ページを見つけて、エディターを開きます。

ステップ3: 左側のサイドバーで「製品リスト」を検索し、要素をページにドラッグします。

ステップ4: 下 設定 タブで、このコレクションに表示する製品を選択します。

設定タブで製品コレクションをカスタマイズする
製品を選択したら、GemPages エディター内でコレクションを自由に変更できるようになります。
行あたりの製品数
スライダーを使用して、行ごとに表示する製品の数を設定します。

レイアウト
の中から選ぶ:
- グリッド: 標準の複数行レイアウト。
- : スクロール可能な商品アイテムを含むカルーセル レイアウト。
Slider settings
(選択した場合のみ利用可能) レイアウト)
| ドラッグしてスクロール | ユーザーがスライダーを手動でドラッグ/スワイプできるようにする |
| 無限ループ | 製品は継続的にループする |
| 自動再生 | 商品は自動的にスクロールします |
| ホバー時に一時停止 | マウスオーバーすると自動再生を停止します |
| タイムアウト | スライド間の遅延を設定する |
| ドット | ページ区切りドットを表示 |
| 次へと前へ矢印 | 矢印ナビゲーションを表示 |
| 役職 | 矢印の表示位置を調整する |
| アイコンを選択 | 矢印のカスタムアイコンを選択する |
| アイコンの色 | 矢印アイコンの色を変更する |
| アイテム間隔 | 各商品アイテム間の間隔(ピクセル単位)を設定します |
サイズ
- 全幅: 要素をコンテナー全体に広げます。
- コンテンツに合わせて高さを合わせる: 要素の高さをそのコンテンツに合わせて自動的に調整します。

詳細タブを変更する
参照する この記事 完全なカスタマイズのために 高機能 タブには何も表示されないことに注意してください。
コメントしてくださってありがとうございます