バリエーション在庫表の表示
バリエーション商品の商品詳細ページでの在庫表示方法を設定いただけます。
表示形式は、全体共通設定、商品個別での設定が可能です。
※PC版のみ設定可能です。スマートフォン版、携帯版には適用されません。
「表示」内の"バリエーション選択形式"および"バリエーション表の表示"にて設定し、「設定処理を完了する」ボタンをクリックしてください。
商品登録画面にて、「セレクトボックス」「ラジオボタン」「セレクトボックス+ラジオボタン」の中から選択してください。
※セレクトボックス選択時の在庫一覧(ポップアップで表示、ぺージ内に表示)については、こちらでは設定できません。
【デザイン管理】→【商品詳細ページ設定】→[バリエーション表の表示]で設定した内容が反映します。
表示形式は、全体共通設定、商品個別での設定が可能です。
※PC版のみ設定可能です。スマートフォン版、携帯版には適用されません。
全体設定
【デザイン管理】→【商品詳細ページ設定】に進んでください。「表示」内の"バリエーション選択形式"および"バリエーション表の表示"にて設定し、「設定処理を完了する」ボタンをクリックしてください。
![](/img/faq/variationsurface_k1.jpg)
設定パターンとショップページ側の表示
【セレクトボックス/ポップアップで表示】
セレクトボックスでバリエーションを選択します。
「在庫確認はこちら」をクリックすると在庫一覧をポップアップ表示します。(初期値)
セレクトボックスでバリエーションを選択します。
「在庫確認はこちら」をクリックすると在庫一覧をポップアップ表示します。(初期値)
![](/img/faq/variationsurface_s01.jpg)
【セレクトボックス/ページ内に表示】
セレクトボックスでバリエーションを選択します。
商品詳細ページ内に在庫一覧が表示されます。
セレクトボックスでバリエーションを選択します。
商品詳細ページ内に在庫一覧が表示されます。
![](/img/faq/variationsurface_s02.jpg)
【ラジオボタン】
在庫一覧のラジオボタンでバリエーションを選択します。
在庫一覧のラジオボタンでバリエーションを選択します。
![](/img/faq/variationsurface_s03.jpg)
【セレクトボタン+ラジオボタン】
在庫一覧のラジオボタンか、セレクトボックスでバリエーションを選択します。
在庫一覧のラジオボタンか、セレクトボックスでバリエーションを選択します。
![](/img/faq/variationsurface_s04.jpg)
バリエーションが2つの場合の表示方法について
バリエーションが2つの場合のみ、「バリエーション表の表示」欄で[バリエーションが2つの場合に項目名を縦と横に並べる]にチェックをつけて、バリエーション項目を縦横表示に変更していただけます。![](/img/faq/variationsurface_k2.jpg)
![](images/next.gif)
![](/img/faq/variationsurface_k10.jpg)
バリエーション在庫表示設定時のレイアウト設定について
※ XHTMLテンプレート利用時で、[レイアウト設定]にて、レイアウト1・レイアウト2・レイアウト6 を選択している場合、「ラジオボタン」「セレクト ボックス+ラジオボタン」は選択できません。 ![](/img/faq/new/detail_layout_003_1.jpg)
商品ごとに設定
バリエーションの表示方法は、商品ごとの個別設定が可能です。(初期値は「バリエーション選択形式の全体設定に従う」になっています)商品登録画面にて、「セレクトボックス」「ラジオボタン」「セレクトボックス+ラジオボタン」の中から選択してください。
※セレクトボックス選択時の在庫一覧(ポップアップで表示、ぺージ内に表示)については、こちらでは設定できません。
【デザイン管理】→【商品詳細ページ設定】→[バリエーション表の表示]で設定した内容が反映します。
![](/img/faq/variationsurface_k4.jpg)
CSVファイル追加項目について
CSVファイルに下記項目が追加されています。ご注意ください。・バリエーション選択形式
・バリエーションが2つの場合に項目名を縦と横に並べない
・バリエーションが2つの場合に項目名を縦と横に並べない