Thêm nút tăng giảm số lượng ở danh mục danh sách sản phẩm woocomerace?

Thảo luận trong 'Mã nguồn mở Wordpress' bắt đầu bởi seolagi, 1/6/21.

  1. seolagi

    seolagi

    Moderator

    Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    794
    Đã được thích:
    67
    Điểm thành tích:
    28
    Mình muốn thêm cái nút tăng giảm số lượng như hình dưới ở ngay ngoài danh sách sản phẩm, chuyên mục sản phẩm thì làm như thế nào vậy mọi người.

    Hiện tại khi thêm mặc định nó là 1 sản phẩm, sếp mình muốn cho khách tùy chọn số lượng này bấm vào hiển thị như hình thì làm như thế nào? bạn nào biết giúp mình với.

    Cảm ơn

    them-nut-tang-giam-so-luong-trong-woocomerace.jpg
     
    Cảm ơn đã xem bài:

    Thêm nút tăng giảm số lượng ở danh mục danh sách sản phẩm woocomerace?

  2. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,443
    Đã được thích:
    1,069
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Bạn thêm code sau vào tập tin function.php của themes nhé:
    Mã:
    add_filter( 'woocommerce_loop_add_to_cart_link', 'quantity_inputs_for_woocommerce_loop_add_to_cart_link', 10, 2 );
    
    function quantity_inputs_for_woocommerce_loop_add_to_cart_link( $html, $product ) {
        if ( is_user_logged_in() && is_shop() && $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
            $html = '<form action="' . esc_url( $product->add_to_cart_url() ) . '" class="cart" method="post" enctype="multipart/form-data">';
            $html .= woocommerce_quantity_input( array(), $product, false );
            $html .= '<button type="submit" class="button alt">' . esc_html( $product->add_to_cart_text() ) . '</button>';
            $html .= '</form>';
        }
        return $html;
    }
    
    Bạn tham khảo thêm ở link sau:
    Mã:
    https://wpbeaches.com/add-woocommerce-add-to-cart-button-and-quantity-field-to-shop-archive-page/
     


Like và Share ủng hộ ITSEOVN