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

Shopifyのテーマ「Dawn」のコレクション・商品詳細ページに商品リリース日を表示する設定例

Shopifyのテーマ「Dawn」のコレクション・商品詳細ページに商品リリース日を表示する設定例

用途

  • 商品情報管理・編集

実装方法

  • HTML/CSS
詳細を表示する

Shopifyのコレクションページや商品詳細ページに、商品のリリース日を掲載したい場合の設定例です。created_at、published_atは使用せずに、メタフィールドによって任意の日付を指定しやすくしています。


テーマ「Dawn」のコレクション・商品詳細ページに商品リリース日を表示する設定例


【設定方法①】商品メタフィールドにリリース日を設定できる項目を追加


【設定方法②】「card-product.liquid」のコードを修正


【設定方法③】商品情報テンプレートにカスタマイズされたLiquidセクションを追加してコードを挿入


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

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

サンプルコード

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

「card-product.liquid」のコードを修正

商品情報テンプレートにカスタマイズされたLiquidセクションを追加してコードを挿入

関連ポスト

すべてのShopify TIPS