Question

我想在我的added_to_cart商店页面的woocommerce事件上添加自定义模式弹出窗口，以指示已将某种产品添加到购物车。

这是我到目前为止得到的：

$("body").on("added_to_cart", function(e, data) {
   let modalHtml = '<div id="modal" class="modal">';

    modalHtml += '<div class="modal-content">';
    modalHtml += '<div class="modal-header">';
    modalHtml += '<span class="closeBtn" id="closeBtn">&times;</span</div>';
    modalHtml += '<div class="modal-body">';
    modalHtml += "<p>PRODUCTTITLE HERE - has been added</p>";
    modalHtml += "</div>";
    modalHtml += "</div>";
    modalHtml += "</div>";

    $("body").append(modalHtml);
    $(".modal").show();

    $("#closeBtn").on("click", () => {
    $(".modal").remove();
  });
});

一般如何获得product_title或product_data并将其包含在动态生成的模式中？

我该如何实现？

Answer 1

必须在使用jquery创建的元素中获取这些值，然后将其插入modalHtml中。例如您在div class =“ productTitle”> ...中拥有产品的标题时，您必须输入：

let productTitle = $(".productTitle").text(); //get the value as text.

 modalHtml += '<div class="modal-content">';
modalHtml += '<div class="modal-header">';
modalHtml += '<span class="closeBtn" id="closeBtn">&times;</span</div>';
modalHtml += '<div class="modal-body">';
modalHtml += "<p>" + productTitle + "</p>";
modalHtml += "</div>";
modalHtml += "</div>";
modalHtml += "</div>";

Woocommerce如何获取产品数据以在自定义模式下使用它们

1 个答案: