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

[Dawn] How to change the pagination style image displayed in the slideshow of the Shopify theme "Dawn"

Here is an example of a more esoteric customization. It is a way to change the pager icon of Shopify slideshows and other apps to any icon other than the default to match the tone of your brand. The method varies depending on the theme, but if you use SVG, you can do it just by editing the code without uploading an image file.


How to change the pagination style image displayed in the slideshow of the theme "Dawn"


Setup Step 1: Add the scheme to "slideshow.liquid" and the label to "ja.schema.json"


Step 2: Create an icon image in SVG format, add a snippet file for the icon, and modify the display code of "slideshow.liquid"


Setup Step 3: Add a slideshow section in the theme editor and select the "Pagination Style" you want to use.


After making a purchase (all items are ¥0), you will be able to view the sample code.

View store information

[Dawn] How to change the pagination style image displayed in the slideshow of the Shopify theme "Dawn"

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add scheme to "slideshow.liquid"


Add a label to "ja.schema.json"


slideshow-slider-visu...

↗ Related Post