商品情報にスキップ
1 1
公開日:2024.10.25

Shopifyのテーマ「Rise/Dawn」でコード編集によるプルダウン形式の数量セレクターを実装するための設定例

Shopifyのテーマ「Rise/Dawn」でコード編集によるプルダウン形式の数量セレクターを実装するための設定例

用途

  • 商品情報管理・編集

実装方法

  • Javascript
詳細を表示する

Shopifyのテーマ「Dawn/Rise」の商品ページで、以前ポストした数量セレクターをプルダウン式に変更する場合の設定例(https://store-dojo.com/products/2024-08-13)について、テーマエディタ上でカスタムLiquidを追加して対応する方法ではなく、コード編集によってテーマブロックを使って実装できるようにするための設定例です。


テーマ「Rise/Dawn」でコード編集によるプルダウン形式の数量セレクターを実装するための設定例


【設定手順①:商品情報セクション】「sections/main-product.liquid」にschemaを、「ja.schema.json」にラベルを追加


【設定手順②:商品情報セクション】「sections/main-product.liquid」にコードを追加


【使用方法】テーマエディタでブロックを追加し、既存の数量セレクターを削除(または隠す)し最大選択数を設定する


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「sections/main-product.liquid」にschemaを追加

「ja.schema.json」にラベルを追加

関連ポスト