顯示woocommerce消息，而無需刷新頁面

我試圖擺脫當用戶將產品添加或在我woocommerce店得到一個信息消息重定向/重裝的。我只是想在工具提示或疊加div中顯示「添加到購物車」消息，並讓它們繼續購物，而不必重新轉到商店。顯示woocommerce消息，而無需刷新頁面

AJAX添加到購物車啓用

所以我的問題是：我能做些什麼，而不刷新整個頁面顯示此消息？

編輯：的人也許有用，我的繼承人最終代碼：

$('.add_to_cart_button, .single_add_to_cart_button').click(function(e) { 
       var produkt_id; 
       if ($(this).attr('data-product_id') == undefined) { 
        produkt_id = $('input[type=hidden]').val(); 
       } else { 
        produkt_id = $(this).attr('data-product_id'); 
       } 


       var amount; 
       if ($(this).hasClass('single_add_to_cart_button') == true) { 
        if ($('.qty').val() !== '1') { 
         amount = $('.qty').val(); 
        } 
        console.log(amount + ' single_add_to_cart_button'); 
       } 
       else { 
        amount = '1'; 
        console.log(amount + ' add_to_cart_button'); 
       } 




       function addToCart(produkt_id) { 
        $.ajax({ 
         type: 'POST', 
         url: '?add-to-cart=' + produkt_id, 
         data: {'product_id': produkt_id, 
          'quantity': amount}, 
         success: function(response, textStatus, jqXHR) { 
         // callback 

         }/*, 
         dataType: 'JSON'*/ 
        }); 
       } 
       e.preventDefault(); 
       addToCart(produkt_id); 
    });

來源

2013-12-12 Bill Bronson

你的意思是這樣的：如果你做的功能「addedToChart」它會做一個Ajax和科瑞在頁面頂部的消息

$(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>'); 
      } 
     }); 
    }

來源

2013-12-12 13:03:40 Rickert

是啊這就是我的意思，但我該如何停止PHP $ _POST？或者它被禁用，因爲用ajax帖子替換帖子？對不起，我的廣告englisch –

你的意思是你只需要沒有ajax部分的消息？ – Rickert

不，我認爲，ajax成功響應是必要的消息放出，但我的問題是，當我做添加到購物車部分超過ajax是PHP的帖子（刷新）禁用或做兩個腳本火？ –

顯示woocommerce消息，而無需刷新頁面

回答

相關問題