电子商务 |复合产品和漂亮照片答案

【问题标题】：Woocommerce | Composite Products & PrettyPhoto电子商务 |复合产品和漂亮照片
【发布时间】：2014-03-12 23:30:26
【问题描述】：

我在使用 Woocommerce 和 Composite Products 时遇到了一个奇怪的问题

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

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

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

我正在寻找的是一些帮助来找到我需要刷新 prettyPhoto 的触发器。我四处寻找都没有结果。

同样，woo 知道该错误，但尚未承诺更新插件并解决问题。

您可以在此处查看问题示例（只需选择一个头像并单击其缩略图）-http://rip.bldsvr.com/shop/single-color-builder/

【问题讨论】：

最好的办法是使用 Chrome Inspector 或 Firebug 并在插件文件中搜索以追踪问题。如果您找不到解决方案，至少您可以为问题添加有价值的信息。
我已经查看了插件和控制台，但没有发现太多可以解决的问题。主要问题不是它在某个地方坏了，而是我需要在 AJAX 事件之后刷新 PrettyPhoto，但我没有看到实际上是什么让这一切正常工作。

标签： wordpress woocommerce prettyphoto

【解决方案1】：

我能够添加以使其正常工作。我不能 100% 确定这是否是最好的解决方法，但它似乎确实让一切正常。下面是加载 prettyPhoto 及其主题的默认 WooCommerce 函数。

在第 12 行将 data-rel="prettyPhoto" 添加到您的 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
});

});

【讨论】：