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

Shopifyのテーマ「Dawn」のスライドショーセクションでスマートフォン用画像を設定する方法

Shopifyのテーマ「Dawn」のスライドショーセクションでスマートフォン用画像を設定する方法

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
詳細を表示する

Shopifyのテーマ「Dawn」の「スライドショー」セクションですが、ブロックごとに画像を1つだけ指定するタイプなので、トリミングの仕方が多少異なるだけでどのデバイスでも同じものが表示されます。 とはいえやはりスマートフォンでは縦長な画像を表示したくなりますので、その設定例です。


Dawnの「スライドショーセクション」でスマートフォン用画像を設定する方法


①「slideshow.liquid」のschemaを修正、②「ja.schema.json」を修正


③「slideshow.liquid」の画像を表示する箇所のコードを編集 & 必要に応じてCSSを修正


関連ポスト