2015-04-17 100 views
1

我对Shopify非常陌生,我在链接列表中遇到了一个奇怪的问题。Shopify:链接列表中的URL图像问题

昨天我将显示的类别的精选图像更改为链接列表,但我看不到打印链接列表的页面中的更改。

我分析是打印linklists的.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 %} 

。 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中吗?我怎样才能解决这个问题?

+1

你肯定不被用JavaScript改变了图像的src?由于Shopify不会使用collection_img_url过滤器输出协议,我怀疑这可能是这种情况。 – Jason

回答

0

感谢@Jason输入我发现,更改属性“SRC”的形象的一个javascript脚本:

$('.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');