remove thumbnail image on product page and put a slider dots on Dawn Theme

[GM15]

Hello, 

I would like to remove the image thumbnail below my product image and only put a slider dots like the image attached and put some little arrow to go through the image . thank you for your help.

my website:

what I want:

 

 

 

my website is https://lachaise.co

password : Password25!

 

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @GM15, this part belongs to the theme's settings. Can you check again in the theme settings in the Product information section to see if this change is included? Normally, some themes will allow users to change from showing list thumbnails to not showing list thumbnails

Best regards,

Noah | PageFly

[GM15]

this is not possible on the dawn theme unfortunately.

[GM15]

Hello @Dan-From-Ryviu , you solved some of my issue before so thought you could know how to resolve that. thank you.

[Dan-From-Ryviu · Accepted solution]

Hi @GM15 

You can try to add this code to check

.thumbnail-slider .thumbnail-list {
    justify-content: center;
}
.thumbnail-slider .thumbnail-list__item.slider__slide {
    width: 16px !important;
    border-radius: 50%;
    border: 1px solid #012694;
    overflow: hidden;
}
.thumbnail-slider .thumbnail-list__item .thumbnail[aria-current] {
    background: #012694;
}
.thumbnail-slider .thumbnail-list__item .thumbnail img { opacity: 0 !important; }

[GM15]

this is working, thanks a lot.

Do you also know how i could add arrow on left and right side of the image to slide through the image on desktop and mobile ? thanks 

[Ambiancehome]

Where to Place this code? Thank you

[Dan-From-Ryviu]

Hi @Ambiancehome 

You can try to add this code at the bottom of base.css file