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

【Dawn】Shopifyのテーマ「Dawn」「Rise」でコレクションや商品詳細ページで最初に表示されるバリアントを任意のものに指定できるようにする設定例

【Dawn】Shopifyのテーマ「Dawn」「Rise」でコレクションや商品詳細ページで最初に表示されるバリアントを任意のものに指定できるようにする設定例

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
詳細を表示する

Shopifyで複数のバリエーション(バリアント)を持つ商品の場合、必ずしもデフォルトのサイズやカラーを最初に表示したく無い場合があります。テーマ「Dawn/Rise」で、商品一覧ページから遷移した際に表示されるバリアントを自由に指定したい場合の設定例です。


テーマ「Dawn」「Rise」でコレクションや商品詳細ページで最初に表示されるバリアントを任意のものに指定できるようにする設定例


【設定方法①】「custom.initial_variant」と命名した単一の「商品バリエーション」フォーマットの商品メタフィールドを作成


【(テーマRiseの場合)設定手順②】「snippets/card-product.liquid」にコードを追加し、`card_product.featured_media` の箇所を別の変数に置き換える


【(テーマRiseの場合)設定手順③】「snippets/card-product.liquid」の複数の商品リンク(Aタグ)のhref属性値にコードを追加


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

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

サンプルコード

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

「snippets/card-product.liquid」にコードを追加①

「snippets/card-product.liquid」にコードを追加②