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

Shopifyのテーマ「Dawn」で在庫切れの商品に表示されるラベルを商品ごとにメタフィールドで指定できるようにする設定例

Shopifyのテーマ「Dawn」で在庫切れの商品に表示されるラベルを商品ごとにメタフィールドで指定できるようにする設定例

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
詳細を表示する

Shopifyのテーマ「Dawn」で、商品詳細や商品一覧の在庫切れ商品に表示される「売り切れ(テーマのコンテンツ編集から変更可能)」の文字ですが、これを商品ごとに任意の内容に変更するための設定例です。定期的に在庫が補充される商品についてラベルを設定しておくなどの使い方になります。


テーマ「Dawn」で在庫切れの商品に表示されるラベルを商品ごとにメタフィールドで指定できるようにする設定例


【手順①】商品メタフィールドに売り切れ時の代替表示項目を追加


設定手順②「contact-form.liquid」のコードを編集する(確認用メールアドレス入力フォームの追加)


設定手順③「contact-form.liquid」のコードを編集する(アドレス一致判別用Javascriptの追加)


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

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

サンプルコード

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

複数のliquidファイルに記述されている「{{ 'products.product.sold_out' | t }}」の差し替え


「main-product.liquid」の修正

関連ポスト