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

Shopifyのテーマ「Dawn/Rise」の商品詳細ページに表示される在庫ステータスを基準値以下で表示変更するのではなく、非表示にする設定例

Shopifyのテーマ「Dawn/Rise」の商品詳細ページに表示される在庫ステータスを基準値以下で表示変更するのではなく、非表示にする設定例

用途

  • 商品情報管理・編集

実装方法

  • HTML/CSS
詳細を表示する

Shopifyのテーマ「Dawn/Rise」の商品テンプレート:商品情報セクションには、在庫数を表示したり一定の数量で表示が切り替わる在庫ステータスブロックがありますが、在庫数に応じて表示自体をさせないようにしてほしいというご要望をいただくことがあります。

◆実装のメリット
・在庫状況に応じた適切な情報提供が可能
・一定在庫数を下回ったときだけ表示することで、在庫僅少状態を強調することができる

◆具体的な設定手順
①「sections/main-product.liquid」にschemeを追加し「ja.schema.json」に必要なラベルを設定
②「sections/main-collection-product-grid.liquid」にコードを実装
③商品テンプレートの商品情報セクションに在庫ステータスを追加し、表示・非表示を切り替えるスイッチをONにして基準値を指定


テーマ「Dawn/Rise」の商品詳細ページに表示される在庫ステータスを基準値以下で表示変更するのではなく、非表示にする設定例


【(テーマRiseの場合)設定手順①】「sections/main-product.liquid」にschemaを、「ja.schema.json」にラベルを追加


【(テーマRiseの場合)設定手順②】「sections/main-collection-product-grid.liquid」にコードを追加


【設定方法(テーマRise/Dawnの場合)】商品情報テンプレートの在庫ステータスに追加された設定項目を使って基準在庫数を指定


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

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

サンプルコード

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

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

関連ポスト