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脚本＆＃34; src＆＃34;图像：

$('.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图片问题

1 个答案: