【Dawn】Shopifyのテーマ「Dawn」のスライドショーで表示されるページネーションのスタイル画像を変更する方法

マニアックなカスタマイズ事例を一つ。ブランドのトーンに合わせてShopifyのスライドショーなどのページャーアイコンをデフォルト以外の任意のアイコンに変える方法です。テーマによってやり方は異なりますが、SVGを使えば画像ファイルをアップロードせずにコード編集だけで対応できますね。

テーマ「Dawn」のスライドショーで表示されるページネーションのスタイル画像を変更する方法

設定手順①「slideshow.liquid」にschemeを、「ja.schema.json」にラベルを追加

設定手順②：SVG形式のアイコン画像を作成＆アイコン用のスニペットファイルを追加し、「slideshow.liquid」の表示側コードを修正

設定手順③：テーマエディタでスライドショーセクションを追加し、使用する「ページネーションのスタイル」を選択