Trong bài này mình chỉ dẫn các bạn cách thêm trường con số với mỗi sản phẩm trong danh sách hiện trên WooCommerce. Tính năng này cho phép bạn mua nhiều con số cho và 1 mặt hàng hoặc nhiều sản phẩm ngay trên trang cửa hàng.
Để làm điều này, chúng ta sẽ tùy biến tùy biến nút Add to cart bằng cách thay đổi template của WooCommerce. Bạn có thể tìm template cho nút thêm nữa giỏ hàng tại wp-content/plugins/woocommerce/templates/loop/add-to-cart.php
Thay thế toàn bộ code có trong tệp add-to-cart.php với nội dung sau đây:
is_in_stock() ) : ?> '', 'label' => '', '' ); $handler = apply_filters( 'woocommerce_add_to_cart_handler', $product-> product_type, $product ); switch ( $handler ) { case "variable" : $link['url'] = apply_filters( 'variable_add_to_cart_url', get_permalink( $product-> id ) ); $link['label'] = apply_filters( 'variable_add_to_cart_text', __( 'Select options', 'woocommerce' ) ); break; case "grouped" : $link['url'] = apply_filters( 'grouped_add_to_cart_url', get_permalink( $product-> id ) ); $link['label'] = apply_filters( 'grouped_add_to_cart_text', __( 'View options', 'woocommerce' ) ); break; case "external" : $link['url'] = apply_filters( 'external_add_to_cart_url', get_permalink( $product-> id ) ); $link['label'] = apply_filters( 'external_add_to_cart_text', __( 'Read More', 'woocommerce' ) ); break; default : if ( $product-> is_purchasable() ) { $link['url'] = apply_filters( 'add_to_cart_url', esc_url( $product-> add_to_cart_url() ) ); $link['label'] = apply_filters( 'add_to_cart_text', __( 'Add to cart', 'woocommerce' ) ); $link['add_to_cart_add_to_cart_button' ); } else { $link['url'] = apply_filters( 'not_purchasable_url', get_permalink( $product-> id ) ); $link['label'] = apply_filters( 'not_purchasable_text', __( 'Read More', 'woocommerce' ) ); } break; } if ( $product-> product_type == 'simple' ) { ?> <form action=" add_to_cart_url() ); ?> " method="post" enctype='multipart/form-data'> <?php } else { echo apply_filters( 'woocommerce_loop_add_to_cart_link', sprintf(' %s ', esc_url( $link['url'] ), esc_attr( $product-> id ), esc_attr( $product-> get_sku() ), esc_attr( $link['label'] ) ), $product, $link ); } ?>
Kết quả trường con số được thêm cho từng mặt hàng như thế này:
Chúc bạn thành công.
Hãy cho mình biết suy nghĩ của bạn trong phần bình luận bên dưới bài viết này. Hãy theo dấu kênh chia sẻ kiến thức WordPress của TopVn trên Twitter và Facebook
Bài viết Thêm trường số lượng cho nút Add to cart – WooCommerce được tổng hợp và biên tập bởi: dinhthuanit.com. Mọi ý kiến đóng góp và phản hồi vui lòng gửi Liên Hệ cho dinhthuanit.com để điều chỉnh. dinhthuanit.com xin cảm ơn.
