Question

我正在尝试完成以下任务：当用户单击缩略图时，将加载该图像并替换主产品图像。我正在使用默认的WooCommerce模板来显示产品图片（我相信唯一的修改就是删除product-image.php中主要产品图片上的链接。）

但是，当用户点击时，大图像无法正确加载。奇怪的是......当您仔细检查源时，img src具有正确的图像URL但不显示图像。不知道为什么会发生这种情况！

以下是一个示例网站：http://www.cchcollection.com.php54-5.ord1-1.websitetestlink.com/product/kenan-jacket

我正在使用的jQuery（逻辑是 - 抓取缩略图的URL，用字符串中的正确大小替换它的大小，然后用新的URL替换主图像的src）。

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;
});

我很乐意提供更多代码/细节/接受另一种需要更少工程设计的解决方案。谢谢！

Answer 1

在控制台中它说GET http://www.cchcollection.com.php54-5.ord1-1.websitetestlink.com/product/false 404（未找到）跳过返回虚假部分。

ss.getName()

Answer 2

我的问题是由新的WooCommerce版本与我运行的插件之间的冲突引起的，以使变体图像显示为色板。我更新了插件，现在一切正常。

Woocommerce无法将缩略图加载为主要产品图片

2 个答案: