Replace dots with thumbnails on product page image slider for mobile, Prestige Theme

Store Design
1

Hello, is there an easy way to replace dots with thumbnails on the product page image slider for mobile for Prestige Theme?

Thank you!

2

Hi there @vicky_m ,

There’s actually no “easy way” to do it. You either need a theme with such functionality or use HTML, CSS, JS/JQuery to change it in your Product-template.liquid files. You’ll need developer assistance for this.

3

Ah okay, thank you very much!

There is no code to simply paste in the liquid file or something?

I did try this code before:

@media screen and (min-width: 1239px) { .Product__SlideshowNavScroller { text-align: center; } .Product__SlideshowNav { display: inline-block; width: 100%; } .Product__SlideshowMobileNav {display: none;} .Product__SlideshowNavImage { width: 50px; height: 50px; display: inline-block; margin: 4px !important; } }

But it also changed the size of thumbnails for desktop, so didn’t work. Was hoping to find another code

4

I am wanting to get rid of these black dots also. It’s very distracting for my customers as they constantly try to click them thinking more info will pop up.

PLEASE RESOLVE THIS and show us how to remove them.