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

Shopifyのテーマ「Dawn」のコレクションの商品サムネイルに1枚目・2枚目以外の画像を指定できるようにする設定方法

Shopifyのテーマ「Dawn」のコレクションの商品サムネイルに1枚目・2枚目以外の画像を指定できるようにする設定方法

用途

  • コレクション情報管理・編集

実装方法

  • LIQUID
詳細を表示する

ShopifyのテーマDawnのコレクションページに表示される商品写真は、商品情報に登録した1枚目(マウスオーバー時は2枚目)の画像に固定されていますが、これを任意の画像を指定できるようにする設定方法です。メタフィールドに入力欄を設けているので、商品ごとに指定が可能です。


テーマ「Dawn」のスライドショーセクションでボタンコンテナが非表示でもリンクは有効にしておきたい場合の設定例


設定手順「slideshow.liquid」のコードを編集する


設定手順②「contact-form.liquid」のコードを修正


設定手順③:テーマエディタでの設定


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

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

サンプルコード

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

card-product.liquidを修正(その1:メインのサムネイル画像)①


card-product.liquidを修正(その1:メインのサムネイル画像)②