0

我正在使用 woocommerce 和一个名为花式产品设计师的插件。

该插件允许您自定义设计产品，然后他们使用 woocommerce 订购它们。

一切正常，但我需要添加一个功能，在单击添加到购物车按钮后显示引导模式。此模式将包含设计产品的预览，并有一个按钮将其添加到您的购物篮，然后重新加载页面。

我可以创建代码来显示预览我只需要知道如何添加功能来显示包含添加到购物车按钮的自定义模式

要求：

  • 将添加到购物车按钮重命名为“预览”
  • 单击“预览”按钮时，打开引导模式
  • 模式包含添加到购物车按钮，该按钮将产品添加到您的购物车。

如果您还可以分享我应该在哪里添加模态代码和 js 代码以打开模态，那就太好了。

我正在使用一个名为“插入页眉和页脚”的插件，我可以使用它来添加打开预览模式的 js 代码，但如果你有更好的方法，请分享。

这是其中一个产品页面的 URL：https ://peppyplates.brookstonesites.co.uk/product/girl-christening/

到目前为止，我还没有尝试过任何东西，因为我不知道如何在 wp 中编写代码，但这里有一个例子，如果它是原始 PHP，我会做什么。

$('#preview_button').click(function() {
    $('#preview_modal').modal('show')
});

$('#add_to_cart_button').click(function() {
    // WP code to add the product to the cart
}

很高兴知道我应该把我的 html 引导模式代码放在哪里。我不想直接编辑插件，因为如果它被更新，代码将被擦除

4

0 回答 0