Woocommerce复合产品& PrettyPhoto

Question

我使用Woocommerce和复合产品遇到了一个奇怪的问题

在创建产品时，您可以选择带有变化和变体照片的产品。在我的构建中，我有4个产品，每个产品都有几个不同的版本。问题是当您选择一个新产品时，它会通过AJAX调用加载新的大量变体和照片。这样做，它破坏了照片在PrettyPhoto中打开的能力，当点击照片时，它在一个新窗口中打开。这破坏了网站的可用性，并重新设置了客户选项。

如果照片已经打开了，它可以正常工作。

清晰度-通过AJAX加载的图片不会在prettyPhoto中打开。

我正在寻找的是一些帮助，以找到我需要刷新prettyPhoto的触发器。我到处找都没有用。

同样，woo也知道这个bug，但是还没有承诺更新插件并解决这个问题。

您可以在这里看到这个问题的一个例子(只需选择一个头部并单击其缩略图)- http://rip.bldsvr.com/shop/single-color-builder/

Answer 1

我能补充一下才能让它发挥作用。我不是百分之百确定这是否是最好的解决办法，但它似乎确实使一切正常工作。下面是加载WooCommerce及其主题的默认prettyPhoto函数。

将data-rel="prettyPhoto"添加到第12行的bto-product-image.php文件(在复合插件文件夹中)。

然后将以下内容添加到脚本文件中(无论从哪个文件调用脚本)：

jQuery(document).ajaxStop(function(){

// Lightbox
$("a.zoom").prettyPhoto({
    hook: 'data-rel',
    social_tools: false,
    theme: 'pp_woocommerce',
    horizontal_padding: 20,
    opacity: 0.8,
    deeplinking: false
});
$("a[data-rel^='prettyPhoto']").prettyPhoto({
    hook: 'data-rel',
    social_tools: false,
    theme: 'pp_woocommerce',
    horizontal_padding: 20,
    opacity: 0.8,
    deeplinking: false
});

});