Shopifyでコレクションカルーセルを作成する方法

コレクションカルーセルを使用する場合

コレクション カルーセルは、次のような場合に特に便利です。

• ページスペースをあまり取らずに複数のコレクションを紹介します。
• インタラクティブでスワイプ可能なコンテンツを通じて製品の発見を向上させます。
• プロモーション、キャンペーン、またはホームページナビゲーション用の厳選されたカテゴリを強調表示します。
• カスタマイズされたビジュアルと行動喚起ボタンを使用して、顧客をコレクション ページに誘導します。

GemPagesでコレクションカルーセルを構築する方法

以下の手順に従って、カルーセルを作成し、各コレクション ページにリンクします。

ステップ1: カルーセル要素を追加する

• ページを開く GemPages エディター.
  
• 左のサイドバーで、 回転木馬.
  
• 使用するカルーセルの種類を選択します。
  
• ページ上の目的の位置にドラッグ アンド ドロップします。

複数のスライドを含む空のカルーセルが表示されます。

ステップ2: 各スライドにコンテンツを追加する

各スライドは1つのShopifyコレクションを表します。 画像, テキスト, ボタンまたは ヒーローバナー 各スライドに。 

顧客に見せたいビジュアルとテキストのレイアウトで各スライドを構成します。たとえば、次のようになります。

• コレクション画像
• コレクション名または簡単な説明
• コレクションページへのリンクボタン

この例では、 ヒーローバナー要素 スライドごとに。

すべてのスライドに対してレイアウト設定を繰り返します。

ステップ3: 画像とテキストをカスタマイズする

• スライド内の画像を選択します。
  
• コレクションを表す画像をアップロードまたは選択します。

• コレクション名または短いタグラインと一致するようにテキストを更新します。

各スライドが 1 つのコレクションに明確に対応していることを確認します。

ステップ4: ボタンリンクを有効にする

クリック ボタン 要素、トグル リンク 〜へ On、そして クリック後 セクション、選択 ページを開く.

これにより、ボタンをクリックした後に顧客を新しいページに移動できるようになります。

ステップ5: 各スライドをコレクションページにリンクする

各カルーセル スライドを適切なコレクションに接続するには、次の 2 つの方法があります。

オプションA: リストからコレクションを選択する

• ページ/リンク、 を見つける 収集 カテゴリ。
  
• このスライドがリンクするコレクションを選択します。

オプションB: コレクションURLを貼り付ける

• Shopify で、リンクしたいコレクションを開きます。
  
• コレクションページの URL をコピーします。
  
• GemPages のリンク フィールドに直接貼り付けます。

すべてのスライドに対してこれを繰り返して、各スライドが対応するコレクション ページにリンクされるようにします。

すべてのスライドがリンクされたら、 コレクションカルーセル 完全にインタラクティブなナビゲーションツールになります。お客様はコレクションをスワイプして、カルーセルから直接任意のコレクションページを開くことができます。

カルーセルの速度、間隔、自動再生などをさらに調整したい場合は、 カルーセル設定.

よくある質問

1. コレクション カルーセルとは何ですか?

コレクション カルーセルは、複数の Shopify コレクションを表示する水平スライダーで、顧客が各コレクション ページを参照してクリックすることができます。

2. GemPages でコレクション カルーセルを作成するにはコーディング スキルが必要ですか?

いいえ。GemPages のドラッグ アンド ドロップ エディターを使用して、コレクション カルーセルを完全に作成し、リンクすることができます。

3. 各スライドに画像やテキストを使用できますか?

はい。各スライドには画像、テキスト、ボタン、その他のGemPages要素を含めることができ、レイアウトを完全にカスタマイズできます。

4. 速度や自動再生などのカルーセル設定を調整できますか?

はい。 カルーセル設定 自動再生、速度、間隔、その他の表示オプションを調整するためのパネル。