バリエーションの選択肢をプルダウン(セレクトボックス)で表示できますか?

コマースクリエイター未利用店舗様専用の記事です

自動生成のカートボタンでは出来ませんが、カートボタンHTMLを利用してHTMLソースをカスタマイズすれば可能です。

【バリエーション利用時の注意事項】

管理画面からバリエーション選択肢を削除されますと、カートボタンHTMLで利用するvalue値が変わる場合がございます。
カートボタンHTMLを変更されたvalue値に書き換えない場合、商品がカートに入らなくなります。

バリエーションの選択肢を変更した場合は管理画面より再度タグを出力し、value値に変更がないかをご確認ください。

 

1.商品のHTMLタグを出力する

運用メニュー>商品管理>商品グループ管理

「商品一覧/順序設定」の該当商品の右端にある「HTMLタグ」をクリックします。

商品検索結果ページからもタグを出力できます。

運用メニュー>商品管理>商品検索 にて該当商品を絞り込みを行い、
検索結果一覧箇所の、該当商品右端の列にチェックを入れます。

その後、少し上にございます「 HTMLタグ出力 」の出力方法箇所を下記の通り設定し、
「HTMLタグをダウンロード」ボタンをクリックしてください。

  • カートへボタン表示・・・「商品ごとにカートへボタンを出力」
  • バリエーション表示・・・「ラジオボタン」

 

2.出力したカートボタンHTMLをカゴボタン表示位置に貼り付ける

出力したHTMLタグをすべてコピーし、カートボタンを表示したいところに貼り付けます。

 

3. 選択肢部分のHTMLタグを<select>タグに書き換える

上記赤枠箇所のタグを、以下のサンプルソースのように編集します。

※value値や選択肢名は出力したタグにあわせて適宜ご変更ください。

<select name="variation">
<option value="1_0">S</option>
<option value="1_0">M</option>
<option value="1_0">L</option>
<option value="1_0">LL</option>
</select>

 

 

この記事は役に立ちましたか?