Debut Theme | Replace Thumbnails with Dot Slider on Mobile

dano3333
Excursionist
18 0 2

Hey guys!

I want to replace my thumbnails on the product page with a dot slider that appears at the bottom of the product picture only on mobile view. I don't know if there is an easy solution to this but I couldn't figure it out if there is. 

How it currently looks like: 

dano3333_0-1629684569489.png

 

How I'd want it to look like:

compression.jpg

 

Please let me know if you have a clue on how to fix this! Shop URL: fitness-sleeves.myshopify.com PW: ohthau

Thanks in advance! 

 

KetanKumar
Shopify Partner
23292 2345 8599

@dano3333 

you have dots object 

https://codepen.io/auromnia/pen/xxZoVoV 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
cygniz
New Member
2 0 2

Where we have to place this code. I don't need previous and next option. Just slider dots.

KetanKumar
Shopify Partner
23292 2345 8599

@cygniz 

yes can put to product page customization if you have able to code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
cygniz
New Member
2 0 2

Yes, I have made some changes using code myself. Could you please help me with the steps here.  Like where exactly i have to place. We have to put this 3 codes in 3 different places. Am i correct.

KetanKumar
Shopify Partner
23292 2345 8599

@cygniz 

yes that current it was different code customization 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes