クリエイターモードで「カスタムセレクト（カスタムセレクトグループ）」を表示する場合、以下の変数タグで出力されます。
| 該当ページ | 変数タグ | 説明 |
| 商品詳細ページ | $item.option_html | バリエーション・オプショングループ用タグと共通です。このタグがあればカスタムセレクトも出力されます |
| 買い物かごページ | $cart.list[i].custom_select_summary | 買い物かごで選択済みのカスタムセレクト内容を表示します |
ただしタグのみではプルダウン形式の表示となります。
ラジオボタン・数値入力・カード形式・モーダルなどで表示する場合は、CSSとJavaScriptの追記が必要です。
サンプルソース（商品詳細CSS／商品詳細JavaScript／買い物かごHTML）はマニュアルに掲載しています。
ご参考の上、ソースを追記してください。
マニュアル：「カスタムセレクト」表示用のデザインについて
【設定場所】
・商品詳細ページ：ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細
・買い物かごページ：ショップデザイン / テンプレート選択・編集 / クリエイターモード / 買い物カゴ
【デザインセットによる違い】
デザインセット【Complete / Pulsefit】の初期値デザインには、2026/3/30以降、
商品詳細・買い物かごページに「カスタムセレクト」を表示するソースが含まれています。
【Complete / Pulsefit】以外のテンプレートを元にショップページを制作されている場合は、
【Complete / Pulsefit】のソース例を元に追記し、必要に応じて調整してください。
【ソースの追記・調整が難しい場合】
ソースの追記・調整には、HTML／CSS／JavaScriptの知識が必要です。
ご自身での対応が難しい場合は、有料の制作代行サービスのご利用もご検討ください。
おてがる更新代行サービス
【ご注意】
・本機能は「クリエイターモード」専用です。ベーシックモードをご利用の場合はクリエイターモードへの切り替えが必要です。
・カスタムセレクトとオプショングループは同時に使用できません。
・複数項目をまたぐ複雑な条件分岐は設定できません。