SHOPLINEのバリエーション画像セレクター機能を使用すると、顧客は異なる色、サイズ、素材などの商品のバリエーションの画像をすばやく表示できます。
この記事では、以下の内容を紹介します：
1. プランを確認する
SHOPLINE管理画面で、[こんにちは、OOO] > [定期購入と請求]に移動して、現在のプランとモジュールの詳細を確認します。
-
「有料定期購入」の下にプランとモジュールがあります。まず、あなたのストアがアドバンスショップ管理モジュールを使用しているか確認してください。このモジュールがある場合は、次のセクションに進んでください：バリエーション画像セレクターを有効にする方法。
-
基本、アドバンス、プレミアム、O2O、またはエンタープライズプランを使用している場合（以下に示す）。あなたのストアがO2Oまたはエンタープライズプランを使用しているか確認してください。
適切なプランがある場合、SHOPLINE管理画面で[アプリ] > [アプリストア]に移動し、「商品リストページのバリエーション画像セレクター」をインストールします。
2. バリエーション画像セレクターを有効にする方法
ステップ1
各商品バリエーションの画像をまだ追加していない場合は、[商品とカテゴリ] > [商品] > SHOPLINE管理画面で編集に移動して追加できます。商品の「バリエーション」タブでバリエーション画像を追加および編集できます。詳細な手順については、商品 | 商品のバリエーション（よくある質問）をご覧ください。
ステップ2
SHOPLINE管理画面で、[オンラインストアデザイン] > [デザイン] > [高度な設定]に移動し、[商品画像の下にバリエーション画像セレクターを表示]機能を有効にするためのチェックボックスをオンにします。
ステップ3
「バリエーション」タブで、表示したいすべてのバリエーションオプションの横にある「商品詳細ページに画像セレクターを表示」ボックスにチェックを入れます。
たとえば、最初のバリエーションが「色」で、2番目のバリエーションが「サイズ」の場合、最初のバリエーションを選択すると、ストアフロントの商品の写真の下に異なる色のバリエーションスウォッチが表示されます。
3. ストアフロントからの表示
- 「色」バリエーションを表示することを選択した場合、顧客が画像スウォッチにカーソルを合わせると、メインの商品写真が同じバリエーションオプションに変更されます。
- 画像スウォッチは最初の6つのバリエーションにのみ表示されます。商品に6つ以上のバリエーションがある場合、追加のバリエーションの数とともに[+]アイコンが表示され、顧客はクリックしてさらに多くのバリエーションを見ることができます。
- 顧客は+をクリックして追加のバリエーションスウォッチ（合計12まで）を表示し、非表示をクリックしてバリエーションスウォッチを少なく表示できます。
4. ショップビルダー
SHOPLINEショップビルダーで、バリエーション画像セレクターを調整できます。
ショップビルダーに移動
SHOPLINE管理画面で、[オンラインストアデザイン] > [ページ]に移動します。高度なページをクリックしてショップビルダーを開きます。
商品バリエーションを設定する
左側のメニューでストア設定をクリックし、商品 > 商品リストページを選択してバリエーション画像の設定を調整します。詳細については、この記事を参照してください。
5. 注意事項
- 商品リストページでは、商品ごとに1種類 のバリエーション画像のみが表示されます。
- [オンラインストアデザイン] > [デザイン]で「商品画像の下にバリエーション画像セレクターを表示」を有効にすると、ストア内のすべての商品にバリエーション画像スウォッチが表示されます。ビジネスオーナーは、ストアフロントの表示を中断しないように、商品バリエーションの均一な順序を作成することをお勧めします。
- レイアウトでは、商品カテゴリページに表示できるバリエーションは12までです。商品に12以上のバリエーションがある場合、+をクリックすると、顧客は商品詳細ページにリダイレクトされます。
- システムは現在、商品リストページで3種類のバリエーションを持つ商品のバリエーション画像を表示することをサポートしていません。
さらに読む
- 商品 | 商品のバリエーション
- 商品バリエーションのための画像をアップロード
- ラベルスウォッチでバリエーションセレクターをカスタマイズ
- 画像でカスタマイズされたバリエーションセレクター
- ストア設定 | ショップビルダー
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。
コメント