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

【问题标题】：How do I display woocommerce message in different places?如何在不同的地方显示 woocommerce 消息？
【发布时间】：2015-11-22 04:27:34
【问题描述】：

我想显示绿色“您的 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

我想要“您的 T 恤已添加到您的购物车”。像这样的消息显示。如果您单击添加到购物袋，您将在按钮下方看到添加到购物车消息。

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

【问题讨论】：

您能否提供指向您网站的链接？
我现在在本地工作:(有没有办法展示？
可能在消息显示时查看源代码并复制相关代码？

标签： php wordpress woocommerce

【解决方案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>');
              }
            });
        }

【讨论】：

谢谢。我必须在其他 php 文件中添加任何内容吗？什么是 some.php？我必须添加产品 ID 吗？

【解决方案2】：

该函数通过在“body”元素上的“prepend”向页面添加一个 div。该 div 是“位置：固定”，因此它显示在视口的左上角并且不会移动。它从左到右覆盖整个屏幕，20px 高。要移动 div 使其显示在其他位置，您需要将其添加到您希望它出现在下方的元素下方的元素中。如果您直接将其“添加”到“添加到购物车”按钮，它将出现在该按钮的顶部，而不是它的下方。而且您可能想删除宽度，因此它不是站点范围。这同样适用于您要移动的其他消息。明白了吗？

【讨论】：