Shopify：我们收藏页上的产品图片尺寸不断变化
三位专家无法解决我们的非营利商店遇到的问题。如果可以的话，我们将不胜感激。
我们收藏页上的图片不断变化。
我们在Chrome，Safari和IE上遇到此问题。我在PC上。从未访问过该站点的同事在PC上的多个浏览器上也遇到相同的问题。今天我和一位Mac上的上师交谈，他也有同样的经历。是的，我刷新了缓存，但没有帮助（因为我们认识到从未访问过该网站的人遇到了同样的问题）。
我们正在使用Supply主题的修改版本。我无法想象对主题的任何编辑都会导致此问题。
请查看我们商店中的此收藏页面，该页面正在开发中： https://gfh2.myshopify.com/collections/defenders-of-wildlife （是的，我知道没有主页。长话短说）
当然，产品图片的宽度都应该相同。但事实并非如此，它们会不时在浏览器之间进行更改。
有时所有图片都很小，例如您在此屏幕抓图中看到的： https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_1.PNG?6100116406257966738
有时，只有少数图片以很小的尺寸显示，例如您在此屏幕抓图中看到的： https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_7.PNG?6100116406257966738
如果您单击进入产品页面，则图片的大小均正确无误。
有时候，某些图片看起来比实际尺寸要小一些（在70％到90％的范围内，并且至少有三个这样的较小尺寸，如您在此处看到的： https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_6.PNG?6100116406257966738
有时，如果我单击收集页面上的产品图像转到产品，然后单击“上一步”按钮返回到收集页面，并执行几次，则收集页面上的图像会出现在正确的尺寸或70％或85％的尺寸。今天晚上有一次来回需要三趟。又一次花了七次往返。
其他集合也会发生此问题，例如[堆栈溢出限制了我可以提供的链接数量，因此只需将上面提供的集合链接更改为 /第一本书
当我第一次加载该页面时，刚才的所有照片都很小。请参阅 https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_11.PNG?16317572828225077891
我单击第一个进入产品页面，然后单击“返回收藏”页面，进行了三趟往返旅行，然后在收藏页面上以正确的尺寸显示了一张图像。请参阅 https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_10.PNG?16317572828225077891
我看了另一个浏览器（上面的操作是在Chrome中；我看了IE），那里的所有图片仍然很小。刷新页面10次没有帮助。
返回到Chrome。单击第二张图片，然后单击返回，多次往返。然后，收藏页上的图片变大了，但是第一个图片又变小了。
非常感谢您！
答案 0 :(得分：0)
Shopify通过调整服务器上图像文件的大小将图像提供给您的页面。目的是缩短页面加载时间，同时确保各种屏幕尺寸和布局的正确样式。产生的图像文件也更少。
为此，Shopify服务器将需要更多信息，而不仅仅是文件名，还需要大小信息。
它使用{image url过滤器}来将尺寸数据与图像文件名一起包含。
这是您的图片网址之一。
https://cdn.shopify.com/s/files/1/2326/7959/files/small_pics_1.PNG?6100116406257966738
以下是包含图像大小的图像URL的示例。注意图像名称（船鞋）和图像格式（.jpeg）之间的“ 720x720”。
https://cdn.shopify.com/s/files/1/1183/1048/products/boat-shoes_720x720.jpeg?v=1459175177
图像网址过滤器的帮助部分指出：“如果不包括图像尺寸，则过滤器将返回一幅较小的（100x100）图像。这可以解释您的问题。这是我参考的帮助部分的网址。
https://help.shopify.com/en/themes/liquid/filters/url-filters#size-parameters
（如果您习惯于以图形方式对图像进行大小调整，然后在页面上看到该尺寸的图像，那么可以理解，这很不直观。）
还有其他可能性。我需要查看主题代码才能获得更明确的答案。如果我可以帮助，请与我联系。