Woocommerce |複合產品和PrettyPhoto

我遇到了一個奇怪的問題，使用Woocommerce和Composite Products Woocommerce |複合產品和PrettyPhoto

創建產品時，您可以選擇具有變化和變化照片的產品。在我的構建中，我有4種產品，每種產品都有多種變化。問題在於，當您選擇新產品時，它會通過AJAX調用加載新的變體和照片。這樣做，它打破了在PrettyPhoto中打開照片的能力，並且當點擊照片時它會在新窗口中打開。這打破了網站的可用性並重置了客戶選項。

如果照片已經打開，它可以正常工作。

清晰度 - 通過AJAX加載的圖像無法在prettyPhoto中打開。

我在尋找的是一些幫助找到我需要刷新prettyPhoto的觸發器。我已經四處搜尋無濟於事。

同樣，woo知道錯誤，但沒有承諾更新插件並解決問題。

你可以在這裏看到了問題的一個例子（只是選擇一個頭，然後單擊其縮略圖） - http://rip.bldsvr.com/shop/single-color-builder/

來源

2014-03-12 SmashBrando

最好的是，您使用Chrome Inspector或Firebug，並在插件的文件內搜索來追蹤問題。如果您找不到解決方案，至少您可以爲該問題添加有價值的信息。 – brasofilo

我已經查看了插件和控制檯，並沒有發現任何東西要離開。主要問題不是它在某處出現故障，而是因爲我需要在AJAX事件後刷新PrettyPhoto，但是我沒有看到實際上它是如何工作的。 – SmashBrando

我能夠加入到得到這個工作。我不是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 
}); 

});

來源

2014-03-13 00:41:07 SmashBrando

Woocommerce |複合產品和PrettyPhoto

回答

相關問題