购物:链接列表中的网址图像存在问题

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 属性显示旧映像，测试属性显示新映像。

这是因为 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');