Question

使用新的大型商业模板框架并尝试引入https://stencil.bigcommerce.com/docs/global-resources#Stencil-ImageObj-ref

中引用的替代尺寸的图像

在尝试这样做时，我注意到图片大小不会在网站的任何位置发生变化，并保持原始上传的尺寸。

有谁知道如何解决这个问题，或者我是否需要以某种方式更改代码？

以下是代码

的示例

{{#if post.thumbnail}}
        <figure class="blog-thumbnail">
            <a href="{{post.url}}">
                <img src="{{getImage post.thumbnail 'gallery_size'}}" alt="{{post.thumbnail.alt}}">
            </a>
        </figure>
{{/if}}

Answer 1

您必须将config.json文件的一部分更改为旧格式。

在某些时候，他们将config.json从这种风格中切换出来：

[OLD FORMAT THAT STILL WORKS]
"settings": {
  ...
  "logo-position": "center",
  "_images": {
    "logo_size": {
      "width": 750,
      "height": 300
    },
    ...
    "zoom_size": {
      "width": 1280,
      "height": 1280
    }
  },
  ...
}

这种风格：

[NEW FORMAT THAT DOESN'T WORK]
"settings": {
  ...
  "logo-position": "center",
  "logo_size": "250x100",
  "brand_size": "190x250",
  "gallery_size": "300x300",
  "productgallery_size": "500x659",
  "product_size": "500x659",
  "productthumb_size": "100x100",
  "thumb_size": "100x100",
  "zoom_size": "1280x1280",
  "blog_size": "190x250",
  ...
}

Answer 2

希望这个答案能帮到你.. :)

我尝试过更改图像的大小。它起作用了。

如果需要，您可以在样式中应用margin属性。

<img src="{{getImage thumbnail 'gallery_size'}}" style ="width:200px; height:200px;" alt="{{thumbnail.alt}}">

Big Commerce Stencil图像大小不起作用

2 个答案: