Nội dung

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

4 năm trước, Woocommerce, 1921 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ài viết mới cập nhập

  • Hướng dẫn Plugin floating contact

    Hướng dẫn Plugin floating contact

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

    Netweb xin hướng dẫn cách quản lý Plugin floating contact các bạn nhớ làm theo kỹ tường bước để plugin hoạt động Tính năng: Hiển…

  • Backup Yandex Mail

    Backup Yandex Mail

    2 năm trước, 286 Lượt xem

    Khác với dịch vụ email theo tên của microsoft và google với chi phí đắt đỏ tầm 1tr/năm/1user, vì thế nên netweb khuyên dùng dịch…

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

Đam mê thiết kế web, kinh nghiệm 9 năm trong nghề thiết kế website, đang thiết kế web dạo tại netweb.vn, Callme: 08.9898.2526 (Mr Hải)