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

  • 更新日： 2022-04-08 09:53:32 UTC

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

自動生成のカートボタンでは出来ませんが、カートボタン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>

 

 

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

関連記事