2015-04-17 106 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');