I want thumbnails under my main image on a mobile product, and it's just not an option.

Squarespace 7.1

In 7.1 your products with multiple images don't show thumbnails under or around the image.  They just have a 1 of 10 or image number in the top right.  People are supposed to know to swipe through them.  Unfortunately our customers won't know to do that.  Does anyone know of a way to customize this option with some sort of add on?

Could we add arrows to them?

You can add a slide arrows, users are easy to navigate to view other images

add this to Home > design > Custom CSS

/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
.ProductItem .ProductItem-gallery-carousel-controls>div::after, .ProductItem .ProductItem-gallery-carousel-controls>div::before {
    border-color: black !important;
}
}

Is it possible to get thumbnails as she mentioned. I'm looking for the same. I have it on desktop but it doesn't show on mobile https://www.tribeandsol.com

On 11/3/2021 at 9:49 AM, MoonMama said:

Is it possible to get thumbnails as she mentioned. I'm looking for the same. I have it on desktop but it doesn't show on mobile https://www.tribeandsol.com

I don't see thumbnails on desktop. Can you enable it?

https://www.tribeandsol.com/shop/p/karu-ring

On 11/5/2021 at 10:07 PM, tuanphan said:

I don't see thumbnails on desktop. Can you enable it?

https://www.tribeandsol.com/shop/p/karu-ring

Hi, this product only has 1 photo. I'm trying to get thumbnails on mobile you will have to view a product with multiple images. On desktop it will hover and change.