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

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

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

用途

  • 商品情報管理・編集

実装方法

  • HTML/CSS
詳細を表示する

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


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


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


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

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

サンプルコード

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

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

関連ポスト