Skip to product information
1 of 1
Published:2023.06.22

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

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

Applications

  • Navigation management and editing

How to implement

  • LIQUID
  • HTML/CSS
View full details

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.

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