画像付きカスタマイズバリエーションセレクター

4. EC + SC (EN).png

プレミアムおよびエンタープライズプランのビジネスオーナーは、カスタマイズされたバリエーションセレクターを使用してバリエーション画像をアップロードできます。元のバリエーションの文言ドロップダウンに加えて、画像セレクターは顧客が商品を選ぶ際にバリエーション画像を表示できるようにします。顧客にとってバリエーションの表示を明確にするために、カラー画像や商品詳細画像をアップロードすることをお勧めします。

この記事では以下の内容を扱います:

 

1. セットアップ手順

ステップ 1. ストアのプランを確認し、使用を開始する

ストアのバックエンドの右上隅で、[こんにちは、OOO] > [マイ定期購入 & 請求]に移動して、ストアのプランとモジュールを確認します。

  1. 以下の画像に示されているように、「プラン定期購入」セクションには「有料」と「モジュール」があります。ストアに"e-Commerce/Social Commerce"プランがあるかどうかを確認してください。ある場合は、ステップ 2 に進んで設定してください。
    EN_Step1-1.png
     
  2. 基本、アドバンス、プレミアム、O2O、またはエンタープライズプランを使用している場合(以下に示すように)。ストアが "プレミアム/O2O/エンタープライズ"プランを使用しているかどうかを確認してください。

    EN_Step1-2.png

    ある場合は、左メニューの「アプリ」 > 「アプリストア」に移動して機能をインストールしてください。

 

ステップ 2 

まず、商品バリエーションの設定を完了してください。商品バリエーションとバリエーション|商品.

 

ステップ 3

バリエーションの設定が完了したら、下に表示される画像セレクターを編集ボタンをクリックします。

1.png

 

ステップ 4

「画像セレクターを編集」ポップアップウィンドウで、対応する画像アイコンをクリックしてバリエーション画像をアップロードします。

*Note: 商品バリエーションにはJPG形式の画像をアップロードしてください。25 x 25ピクセルの正方形の画像を使用することをお勧めします。商品ページでは、バリエーション画像が正方形のサムネイルとして表示されます。非正方形の画像がアップロードされた場合、システムは自動的に正方形形式にトリミングします。

_____2019-08-08___2.57.58.png


ステップ 5

画像がアップロードされた後、画像ボックスにサムネイルが表示されます。確認後に保存をクリックします。画像を変更したい場合は、画像アイコンをクリックして再度画像をアップロードしてください。

_____2019-08-08___2.59.15.png


ステップ 6

「商品詳細ページに画像セレクターを表示する」ボックスにチェックを入れて、ストア内の商品バリエーションのサムネイルを表示します。

2.png

 

商品の属性に基づいて表示スタイルを選択します。画像、ドロップダウンリスト、またはラベルスウォッチの形式で表示することができます。以下の例を参照してください。

1. 2つのバリエーションを画像ラベルスウォッチで表示します。

3.png


2. 2つのバリエーションを画像ドロップダウンリストで表示します。

4.png

 

3. 2つのバリエーションを画像で表示します。

5.png

 

 

2. 注意事項

  • 「商品詳細ページに画像セレクターを表示する」にチェックが入っている間に新しいバリエーションが追加されると、チェックボックスのチェックが外れ、バリエーション画像セレクターを編集するようにリマインダーが表示されます。
    6.png

    再度チェックボックスにチェックを入れると、「画像セレクターを編集」ポップアップが表示されます。新しく追加されたバリエーションの画像をアップロードできます。
    _____2019-08-08___3.09.57.png
     
  • バリエーションの画像は別々にアップロードできますが、各バリエーションに対応する画像がある場合にのみ、「商品詳細ページに画像セレクターを表示する」にチェックを入れることができます。
  • 「商品詳細ページに画像セレクターを表示する」のチェックが外れても、ポップアップでアップロードされた画像は削除されません。再度チェックボックスにチェックを入れると、前回アップロードされたバリエーション画像が表示されます。

 

さらに読む

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント