Shopify：链接列表中的 url 图片有问题

Question

我是 Shopify 的新手，我在链接列表中遇到了一个奇怪的问题。

昨天我将显示的某个类别的特色图片更改为链接列表，但在打印链接列表的页面中看不到更改。

我分析了打印链接列表的 .liquid 文件，并找到了生成 div 的片段：

{% for link in linklists[linklist].links cols: 4 %}

<div class="products item {{ link.handle }}">

  <a href="{{ link.url }}" title="Browse our {{ link.object.title | escape }} collection.">

    <img src="{{ link.object.image.src | collection_img_url: 'large' }}" alt="{{ link.object.title | escape }}" />

    <big>{{ link.title }}</big>
  </a>
</div>
{% endfor %}

拍摄一些照片后，我尝试向图像添加数据属性以再次打印 link.object.title:

{% for link in linklists[linklist].links cols: 4 %}

<div class="products item {{ link.handle }}">

  <a href="{{ link.url }}" title="Browse our {{ link.object.title | escape }} collection.">

    <img src="{{ link.object.image.src | collection_img_url: 'large' }}" alt="{{ link.object.title | escape }}" data-test="{{ link.object.image.src | collection_img_url: 'large' }}" />

    <big>{{ link.title }}</big>
  </a>
</div>
{% endfor %}

奇怪的是它为同一个对象打印了两个不同的值！

<img src="https://cdn.shopify.com/s/files/1/0407/7545/files/trousers-woman_c4633f02-59f7-4a4b-809b-91662635ddc0.jpg?22734" alt="Women's Trousers" data-test="//cdn.shopify.com/s/files/1/0407/7545/collections/DSC_9685_grande_df826b7f-5645-4491-b866-8819c9ad8983_large.jpg?v=1429273629">

src属性显示旧图，test属性显示新图

是否因为 Shopify 对图片的 src 属性进行后处理，以便将它们缓存到他们的 cdn 中？我该如何解决这个问题？

Answer 1

感谢@Jason 的输入，我找到了一个 javascript 脚本，它改变了图像的 "src" 属性：

$('.collection-woman .webshop .trousers a img').attr('src','https://cdn.shopify.com/s/files/1/0407/7545/collections/DSC_9685_grande_df826b7f-5645-4491-b866-8819c9ad8983_large.jpg?v=1429273629');

Shopify：链接列表中的 url 图片有问题

Shopify: issue with url image in linklists

cdn

liquid

shopify