图像尺寸过滤器无法正常工作

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

我想知道您粘贴的代码是否来自出现问题的地方。我想我记得如果我的代码缺少size参数周围的引号也有类似的结果：

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