Thêm nội dung vào trước sau nút giỏ hàng trang sản phẩm WooCommerce

1 năm trước, Woocommerce, 306 Lượt xem

Trong bài này netweb.vn sẽ hướng dẫn các bạn cách thêm nội dung và trước và sau nút thêm vào giỏ hàng trong trang chi tiết dùng WooCommerce

Thêm nội dung ở trước nút Add to cart

Chúng ta sử dụng hook woocommerce_short_description để thêm code vào function.php

// them noi dung truoc gio hang
function my_content( $content ) {
  
    $content .= '<div class="custom_content">

    <div class="offer-box">
        <p>? Miễn phí giao hoa nhiều khu vực TPHCM: Quận 1, 3, 4, 5, 6, 7, 8, 10, 11, Tân Bình, Tân Phú, Bình Thạnh, Phú Nhuận.</p>
        <p>? Tặng ngay 1 banner hoặc 1 tấm thiếp cực xinh trị giá đến 50k</p>
        <p>? ĐƠN HÀNG ĐẦU TIÊN</p>
        <p>? Giảm ngay 50k cho đơn hàng &gt; 600k</p>
        <p>? Giảm ngay 25k cho đơn hàng &lt; 600k</p>
        <p>⏳ Giao hàng nhanh trong vòng 3 tiếng</p>
    </div>

    <style>
        .offer-box {
        background: #f5f5f5;
        padding: 10px;
        margin-bottom: 15px;
        border: 1px solid #e3e3e3;
    }

    .page-description {
    display: none;
    }
    </style>

    
    </div>';
   return $content;
}
  
add_filter('woocommerce_short_description', 'my_content', 10, 2);

Thêm nội dung dưới nút thêm vào giỏ hàng

add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart_button_func' );
 
function add_content_after_addtocart_button_func() {
 
    // Echo content.
 
    echo '<div class="second_content">Nội dung sau giỏ hàng netweb!</div>';
 
}

Hình thành công

Bình luận trên facebook netweb.vn