Woocommerce遇到問題將縮略圖加載爲主要產品圖像

我試圖完成以下任務：當用戶單擊縮略圖時，該圖像將被加載並替換主要產品圖像。我使用默認的WooCommerce模板來顯示產品圖片（我相信唯一的修改是刪除product-image.php中主要產品圖片上的鏈接）。Woocommerce遇到問題將縮略圖加載爲主要產品圖像

但是，當用戶單擊時，大圖像無法正確加載。奇怪的是，當你仔細檢查源代碼時，img src具有正確的圖像URL，但不顯示圖像。不知道爲什麼會發生這種情況！

下面是一個例子網站：http://www.cchcollection.com.php54-5.ord1-1.websitetestlink.com/product/kenan-jacket

而jQuery的我使用（邏輯是 - 搶縮圖的URL，以字符串的正確尺寸更換它的大小，然後更換主圖像的src與那個新的URL）。

jQuery(document).on('click','.thumbnails .zoom', function(){ 
    var photo_fullsize = jQuery(this).find('img').attr('src').replace('-76x88','-540x623'); 

    jQuery('.woocommerce-main-image img').attr('src', photo_fullsize); 
    return false; 
});

我很高興提供更多的代碼/細節/接受另一個需要較少工程的解決方案。謝謝！

來源

2015-12-21 Stevie

我的問題是由新的WooCommerce版本和我正在運行的一個插件之間的衝突引起的，它使變體圖像顯示爲色板。我更新了插件，現在一切正常。

來源

2015-12-22 17:44:06 Stevie

在控制檯它說GET http://www.cchcollection.com.php54-5.ord1-1.websitetestlink.com/product/false 404（未找到）跳過返回false部分。

jQuery(document).on('click','.thumbnails .zoom', function(){ 
    var photo_fullsize = jQuery(this).find('img').attr('src').replace('-76x88','-540x623'); 
    jQuery('.woocommerce-main-image img').attr('src', photo_fullsize); 
});

來源

2015-12-21 19:56:52

感謝您的反饋。我通過刪除「返回false」來嘗試你的代碼，但它沒有修復縮略圖代碼。此外，它打破了您可以切換變體色板的功能，並加載了正確的變體照片。 – Stevie

Woocommerce遇到問題將縮略圖加載爲主要產品圖像

回答

相關問題