2014-03-12 45 views
1

我遇到了一个奇怪的问题,使用Woocommerce和Composite ProductsWoocommerce |复合产品和PrettyPhoto

创建产品时,您可以选择具有变化和变化照片的产品。在我的构建中,我有4种产品,每种产品都有多种变化。问题在于,当您选择新产品时,它会通过AJAX调用加载新的变体和照片。这样做,它打破了在PrettyPhoto中打开照片的能力,并且当点击照片时它会在新窗口中打开。这打破了网站的可用性并重置了客户选项。

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

清晰度 - 通过AJAX加载的图像无法在prettyPhoto中打开。

我在寻找的是一些帮助找到我需要刷新prettyPhoto的触发器。我已经四处搜寻无济于事。

同样,woo知道错误,但没有承诺更新插件并解决问题。

你可以在这里看到了问题的一个例子(只是选择一个头,然后单击其缩略图) - http://rip.bldsvr.com/shop/single-color-builder/

+0

最好的是,您使用Chrome Inspector或Firebug,并在插件的文件内搜索来追踪问题。如果您找不到解决方案,至少您可以为该问题添加有价值的信息。 – brasofilo

+0

我已经查看了插件和控制台,并没有发现任何东西要离开。 主要问题不是它在某处出现故障,而是因为我需要在AJAX事件后刷新PrettyPhoto,但是我没有看到实际上它是如何工作的。 – SmashBrando

回答

3

我能够加入到得到这个工作。我不是100%确定这是否是最好的解决方案,但它似乎确实使一切正常。以下是用于加载prettyPhoto及其主题的默认WooCommerce函数。

在线添加data-rel="prettyPhoto"到您的BTO产品,image.php文件(在复合插件文件夹)12

然后将以下添加到您的脚本文件(任何文件您拨打电话脚本):

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

});