商品情報にスキップ
【Dawn】Shopifyのテーマ「Dawn」「Rise」の商品写真ズームアイコンの位置を左上以外に右上や左下、右下に設置するための設定方法
  • 【Dawn】Shopifyのテーマ「Dawn」「Rise」の商品写真ズームアイコンの位置を左上以外に右上や左下、右下に設置するための設定方法
【Dawn】Shopifyのテーマ「Dawn」「Rise」の商品写真ズームアイコンの位置を左上以外に右上や左下、右下に設置するための設定方法
公開日：2024.08.27

【Dawn】Shopifyのテーマ「Dawn」「Rise」の商品写真ズームアイコンの位置を左上以外に右上や左下、右下に設置するための設定方法

用途

Shopifyのテーマ「Dawn/Rise」の商品詳細ページで、商品のズームアイコンをデフォルトの左上以外に配置したい場合の設定例です。セクションのカスタムCSSに追記することで対応可能です。


テーマ「Dawn」「Rise」の商品写真ズームアイコンの位置を左上以外に右上や左下、右下に設置するための設定方法


【設定方法】商品テンプレート「商品情報セクション」にカスタムCSSを追加する


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

【Dawn】Shopifyのテーマ「Dawn」「Rise」の商品写真ズームアイコンの位置を左上以外に右上や左下、右下に設置するための設定方法

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

サンプルコード

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

商品テンプレート「商品情報セクション」にカスタムCSSを追加する

↗ 関連ポスト

すべてのShopify TIPS

すべて表示