How to change product image selector from arrows to dots?

merchabellire
Tourist
19 0 1

merchabellire_0-1705095926468.png

I was wondering if it was possible to change the arrows / chevrons with the numbers to just dots? site is abellire.shop

Replies 4 (4)

AvantifyApp
Shopify Partner
11 0 0

Hi @merchabellire , this is Landry from Avantify

 

This is very easy to update. Please give me the password of your store!

AvantifyApp_0-1705108457081.png

 

Landry from Avantify App


Try AI Facebook Pixel Tiktok Pixel to Optimize Ad with Facebook Pixel, TikTok Pixel & Twitter Pixel


Try AI Popup Sales Pop Up Email to build your email list with popup, multi banners & sold count

merchabellire
Tourist
19 0 1

oh i forgot it was password locked, password is just 2024

AvantifyApp
Shopify Partner
11 0 0

Hi @merchabellire . This is result:

AvantifyApp_0-1705201528480.png

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
button.slider-button.slider-button--prev {
    background: #ababab;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
button.slider-button.slider-button--next {
    background: #ababab;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
</style>

Landry from Avantify App


Try AI Facebook Pixel Tiktok Pixel to Optimize Ad with Facebook Pixel, TikTok Pixel & Twitter Pixel


Try AI Popup Sales Pop Up Email to build your email list with popup, multi banners & sold count

merchabellire
Tourist
19 0 1

sorry I meant like this; 

merchabellire_0-1705208244566.png