I want to change the way images are shown when clicking on a product

[TKitConnoisser]

Hi

When i click on a product on my page, i am met with a bombardment of pictures, how do i change it so i only see one picture and i can click an arrow to take me to the next picture of the same product, like slides

Currently my product shows like this

[namphan]

Hi @TKitConnoisser ,

Please go to Customize > Products > Default product > Product information > Desktop layout.

you just need to change the option here, it will work fine

[TKitConnoisser]

Hi, how do i get to this option?

i go to customize and only see these options

[namphan]

Hi @TKitConnoisser ,

Refer image:

[TKitConnoisser]

Thank you so much!

One last thing, when i click on the picture i assume there is meant to be an x in the top right corner, instead the circle is white with no x

[namphan]

Hi @TKitConnoisser ,

Please send the website link, I will check it for you

[TKitConnoisser]

https://thekitconnoisseur.com/

[namphan]

Hi @TKitConnoisser ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.product-media-modal__toggle,
.product__media-icon {
    color: #000000 !important;
}