add dots instead of arrows for multicolumn

add dots instead of arrows for multicolumn

ads18922
Trailblazer
190 0 58

Hello, i wanted to ask to see if its possible to change the arrows on my multi-columns to dots on dawn theme. I have found a store that has the dawn theme, and they were able to add dots instead of arrows - just wanted to ask to see if they managed to do that through coding, or if it was through an app

Screenshot 2025-06-05 at 17.18.31.png

this is my website, i want it to look like this:

IMG_8094.PNG

my website is www.alexandrawestbrook.com

Reply 1 (1)

StevenT_A7
Explorer
155 13 16

Hi @ads18922 , 

 

Yes, it is absolutely possible to change the arrows to dots on the multi-column section in the Dawn theme, and it’s usually done through custom code, not an app.

What Needs to Be Changed :

  • Edit the multi-column.liquid section to:
  • Remove the arrow buttons.
  • Add markup for dot navigation.

Modify or extend the JavaScript to:

  • Enable or initialize dot-style pagination.
  • Update the slideshow.js or equivalent custom JS that initializes sliders.

Update CSS to style the dots:

  • Positioning, hover/active states, spacing, etc.


No, no app is required to do this. It's 100% doable with code.

 

Thanks ! 

Steven Taylor
302-260-8345