Question

我想显示绿色“你的T恤已经添加到你的购物车中。” “添加到购物车”按钮下的消息。我想在创建属性的“大小”之前显示红色消息“请选择产品选项...”。默认情况下，woocommerce消息显示在同一个地方。有没有办法在不同的地方展示它们。请帮忙！

我尝试这样做我将“wc_print_notices”放在我希望显示消息的位置。它可以工作，但“你的T恤已被添加到您的购物车中。”和“”请选择产品选项...“消息显示在同一个地方。

   <?php wc_print_notices(); ?>

我把它放在我的function.php

中

   remove_action( 'woocommerce_before_single_product', 'wc_print_notices', 10 ); /*Single Product*/

例如，我希望“请选择产品选项...”消息显示如下。如果单击添加到包而不选择大小。请勿选择尺寸，以便显示红色信息。

http://www.urbanoutfitters.com/urban/catalog/productdetail.jsp?id=36029353&category=W_OUTERWEAR&color=004

我希望“你的球座已经加入了你的购物车。”消息显示如下。如果单击“添加到包”，则会在按钮下方显示“添加到购物车”消息。

http://alittlemorelikethis.com/collections/wear/products/imagine-maine-anchor-tee-black

Answer 1

我认为这会对你有所帮助。这是source

$(document).on('click','.add_to_cart_button',function(e) {
        e.preventDefault();
        addedToCart($(this).data('product_id'));
    });
        function addedToCart(id){
            $.ajax({
              type: "POST",
              url: "some.php",
              data: { product_id: id},
              success: function(){
                $('body').prepend('<div style="position:fixed; height:20px; width:100%; background-color:red; text-align:center;">Added to chart</div>');
              }
            });
        }

Answer 2

该功能通过＆＃39; prepend＆＃39;为页面添加div。在＆＃39;身体＆＃39;元件。这个div的位置是：固定的＆＃39;所以它显示在视口的左上角，不会移动。它从左到右覆盖整个屏幕，高20px。要移动div以使其显示在其他位置，您需要将其添加到下面要显示的元素下面的元素。如果您预先＆＃39;它直接到＆＃34;添加到购物车＆＃34;按钮它将出现在该按钮的顶部，而不是在它下面。并且您可能希望删除宽度，因此它不是网站范围。同样适用于您要移动的其他消息。知道了吗？

如何在不同的地方显示woocommerce消息？

2 个答案: