shopify - 图像尺寸过滤器未按预期工作

Question

我希望将所有产品图片显示为1024x1024上传时自动创建的尺寸。目前，所有图像均按master大小显示。

我有以下代码行，它应该呈现为我请求的大小：

<img src="{{ product.featured_image | img_url: '1024x1024' }}" alt="{{ featured_image.alt | escape }}" id="ProductPhotoImg" data-image-position="1">

然而，这种情况并非如此。例如，我在 Chrome DevTools 中看到（任意）特征图像的固有尺寸为 1754 x 2456，两个尺寸都大于 1024。显然，它只是渲染主图像。

我该如何解决这个问题？

Answer 1

我想知道您粘贴的代码是否取自您遇到问题的地方。如果我的代码缺少大小参数周围的引号，我想我记得有类似的结果，例如：

<img src="{{ product.featured_image | img_url: 1024x1024 }}" alt="{{ featured_image.alt | escape }}" id="ProductPhotoImg" data-image-position="1">