商品詳細ページの画像スライドを数字からドットへデザインを変更

[mongorian346]

下記へ変更したい。

商品詳細ページの画像の下に表示されるページネイションを数字からドットへデザイン変更を行いたいのですが、解決方法が分かりません。

テーマは、Dawnのver13.0.0を使用しています。

Shopify Community内で近い質問されている方がいたのですが、現在のDawnのコードと違っているようでどこを修正して良いかわからなかったので、質問させれいただきました。

こちらを参考にしようとしたのですが、

私が使っているテーマのmain-producr.liquidと少し表記が違うので触わずにいます。

https://community.shopify.com/c/shopify-design/how-can-i-replace-slide-numbers-with-dots-on-my-websi...

[株式会社ナレッジサービス]

ストアのカスタマイズ画面で該当のスライドショーを選択し、「ページネーションのスタイル」でドットを選択すると変更できます。

（私のDawnのバージョン14.0.0です）

 

[mongorian346]

回答ありがとうございます。

スライドショーではなく、商品詳細ページでの画像の切り替え部分です。

現状、「なし、サムネイルを表示、サムネイルを非表示」の3択だと思うのですが、スライドショーのようにドットへの切り替えしたいです。

コードの書き換えで可能ならコード編集を行いたいです。