Warm tip: This article is reproduced from stackoverflow.com, please click
shopify shopify-template

More than 4 images below the main image in Shopify

发布于 2020-04-21 11:22:36

I am using the Debut theme and I would like to know how can I have more than 4 images below the main image. The image below is for example only. enter image description here

Questioner
Adalid Bori Palma
Viewed
42
分享
Adalid Bori Palma 2020-02-10 10:42

Changing this code I achieved what I needed.

.product-single__thumbnails-item--medium {
  @include media-query($medium-up) {
    flex: 0 0 percentage(1 / 3);
  }

  @include media-query($large-up) {
    flex: 0 0 15%;
  }
}

In the theme.scss.liquid file look for a code fragment like the one above, the flex property will be 0 0 25%, which means that there will be 4 images under the main one. Just change the percentage according to your needs. In my case I put it on 15%.

Related issues

1
How to prevent entering space only in a text field on Shopify website
2
Shopify Product Variants in Google Tag Manager Using Javascript
3
Shopify GraphQL partial matching on query filter
4
Shopify password update using Shopify API
5
Rails: Shopify integration withouth a shopify app?
6
Shopify
7
Is there a way to bind all these elements together for changing screen sizes/zooming?
8
Shopify STEP function in liquid loop ? Shopify iteration with STEP
9
Shopify Storefront API 2020-10 (latest) can't fetch quantityAvailable (GraphQL)
10
Create orders with Shopify API