How can I change slideshow navigation buttons to arrows?

Topic summary

User wants to replace small slideshow pagination buttons (dots) with left/right arrow controls on the sides of the image, asking if this can be done via theme settings or requires development. Two reference images are provided (current vs. desired), which are central to understanding the UI change.

Update/outcome: A respondent says most themes don’t include built‑in functionality for side-arrow navigation on this component, so custom code is needed to achieve the requested design. They offer to implement the change if the user cannot do it themselves.

Decisions/status: No code snippets or step-by-step instructions were shared, and no implementation confirmation yet. The discussion remains open with the next action being to add custom code or hire a developer.

Context: Store Design category; relevant to a collection-page slideshow.

Summarized with AI on January 3. AI used: gpt-5.

Im trying to know how can i change these small buttons for something more convenient like arrows on the sides of the picture etc.

Is there a possiblity to change this inside of my theme or do i need professional to code me the option etc..

So the one below is the option i have right now, but i want to change it to about the same as the one in the photo on the bottom.

Thanks for the help.

Hi @ViiklundFinland Yes you need to add the custom code so that you will change it according to your need, because usually themes doesn’t have any buildin functionality for this.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

2 Likes