Riduce size Thumbnails

Store Design
, , ,
1

Olaf5_0-1719227302383.png
Olaf5_0-1719227302383.png1094×389 50.7 KB

Hallo, i would like to reduce the size of the thumbnails? because i want to see 7 image not 5

where i must go to look at this?

thank you

https://sino-swiss.myshopify.com/collections/burotisch-twin/products/kopie-von-elektrisch-hohenverstellbarer-burotisch-eiche-natur-1?variant=45596203090175

2

Hi @Olaf5

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file styles.css

Step 3: Paste the below code at bottom of the file → Save

.flickity-slider {

width: 60% !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

In addition, I noticed that there is a lot of space on the footer, you can add menus or social icons so users can more easily contact you.

PageFlyHenry_0-1719230131867.png
PageFlyHenry_0-1719230131867.png1919×860 277 KB

4

Hello @Olaf5

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go to Assets folder → styles.css

Add the following CSS at the bottom:

@media only screen and (min-width: 799px) 
{
      .product-gallery__thumbnails .product-gallery__thumbnail 
  {
       Width: calc(14.28% - 20px);
  }
}

Please hit Like and Mark it as a Solution if you find our reply helpful.

5

thank you you resolve the problem with the size :slightly_smiling_face:

6

Hello @Olaf5

Glad to hear that it resolved the problem! Could you please hit “Like” and mark this as the solution?