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

Shopifyのテーマ「Dawn」で「商品カード(デフォルトコレクション、特集コレクション)」に商品公開後の一定期間、自動で「新着アイコン」を表示する設定例

Shopifyのテーマ「Dawn」で「商品カード(デフォルトコレクション、特集コレクション)」に商品公開後の一定期間、自動で「新着アイコン」を表示する設定例

用途

  • コレクション編集

実装方法

  • LIQUID
詳細を表示する

Shopifyの商品一覧に「新着」アイコンを表示させたい場合、「商品タグ」を使って管理する事が多いのですが、取扱点数が多いストアでは商品の公開日を使って自動で制御するケースもあります。その際、直接コードにロジックを書いても良いのですが、テーマ設定で管理する場合の設定例です。

 テーマ「Dawn」で「商品カード(デフォルトコレクション、特集コレクション)」に商品公開後の一定期間、自動で「新着アイコン」を表示する設定例

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


【設定手順①】「settings_schema.json」に項目を、「ja.schema.json」にラベルを追加


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


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


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

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

サンプルコード

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

settings_scheme.json

関連ポスト