商品情報にスキップ
【Dawn】Shopifyのテーマ「Dawn」のコレクションページで価格を非表示にする設定例
  • 【Dawn】Shopifyのテーマ「Dawn」のコレクションページで価格を非表示にする設定例
【Dawn】Shopifyのテーマ「Dawn」のコレクションページで価格を非表示にする設定例
公開日：2023.09.08

【Dawn】Shopifyのテーマ「Dawn」のコレクションページで価格を非表示にする設定例

用途

Shopifyのコレクションページには価格を表示せず商品詳細でのみ表示したい、というケースがありました。テーマ「Dawn」にはデフォルトで価格を非表示にする設定は付いていないので、その実装例です。


テーマ「Dawn」のコレクションページで価格を非表示にする設定例


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


設定手順②「main-collection-product-grid.liquid」「product-grid.liquid」のコードを修正


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

【Dawn】Shopifyのテーマ「Dawn」のコレクションページで価格を非表示にする設定例

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

サンプルコード

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

「main-collection-product-grid.liquid」にschemaを追加


「ja.schema.json」にラベルを追加


「main-collection-product-grid.liquid」のコードを修正

すべてのShopify TIPS

すべて表示