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

Shopifyのテーマ「Dawn」の商品詳細に商品公開後の一定期間、自動で「新着アイコン」を表示する設定例

Shopifyのテーマ「Dawn」の商品詳細に商品公開後の一定期間、自動で「新着アイコン」を表示する設定例

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
詳細を表示する

Shopifyのコレクションページに商品登録後の一定期間、自動で「新着」アイコンを表示する方法を紹介しましたが、あちらに連動して商品詳細ページにも同様の機能を持たせたい場合の設定方法です。

商品を公開した日が基準日になります。(公開中の商品を非公開化し、再公開するとその日が公開日となるため新着扱いとなり「新着アイコン表示対象」になります。)

 テーマ「Dawn」の商品詳細に商品公開後の一定期間、自動で「新着アイコン」を表示する設定例


【設定手順①】「main-product.liquid」にschemeを、「ja.schema.json」にラベルを追加


【設定手順②】「main-product.liquid」の表示側コードを修正


【運用手順】テーマエディタで表示設定のON/OFF、新着アイコンの表示期間などを設定


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

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

サンプルコード

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

main-product.liquid

関連ポスト