温馨提示:本文翻译自stackoverflow.com,查看原文请点击:其他 - More than 4 images below the main image in Shopify
shopify shopify-template

其他 - Shopify中主图像下方超过4张图像

发布于 2020-04-21 16:36:45

我使用的是首次亮相主题,我想知道如何在主图像下放置4张以上的图像。下图仅作为示例。 在此处输入图片说明

查看更多

提问者
Adalid Bori Palma
被浏览
14
Adalid Bori Palma 2020-02-10 10:42

更改此代码,我实现了所需的功能。

.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%;
  }
}

在theme.scss.liquid文件中查找类似于上面的代码片段,flex属性将为0 0 25%,这意味着在主图像下将有4张图像。只需根据您的需要更改百分比。就我而言,我把它提高了15%。

最新帖子

最新文章