Cách hiển thị sản phẩm đã được thêm vào giỏ hàng trong WooCommerce

Dưới đây tôi sẽ hướng dẫn ngắn gọn cho bạn cách hiển thị các sản phẩm đã được thêm vào giỏ hàng WooCommerce của bạn.

cách hiển thị các sản phẩm được thêm vào giỏ hàng woocommerce

1 turbo business hosting - Cách hiển thị sản phẩm đã được thêm vào giỏ hàng trong WooCommerce

Cách hiển thị các sản phẩm được thêm vào giỏ hàng WooCommerce

Chỉ cần lấy một đoạn mã hiển thị bên dưới và dán vào tệp functions.php của bạn hoặc sử dụng plugin Code Snippets. Điều này cho phép bạn thêm các đoạn mã tùy chỉnh của riêng mình mà không làm mất chúng sau khi cập nhật chủ đề.

Bước 1: Cài đặt Plugin đoạn mã

Sau khi cài đặt và kích hoạt nó, bạn sẽ thấy menu Snippets ở bên trái. Nhấp vào “Thêm mới”.

plugin đoạn mã

Bước 2: Chèn mã

Bây giờ sao chép mã ở đây bên dưới và dán nó vào hộp mã của Đoạn mã. Chọn “Chỉ chạy trên giao diện người dùng của trang web” và nhấp vào nút “Lưu thay đổi và kích hoạt”.

// Change button for single products
add_filter( 'woocommerce_product_single_add_to_cart_text', 'already_in_cart_single_product' );
function already_in_cart_single_product( $label ) {
        foreach ( WC()->cart->get_cart() as $cart_item_key => $values ) {
                $product = $values['data'];
                if ( get_the_ID() == $product->get_id() ) {
                        $label = __( 'Sản phẩm đã ở trong giỏ hàng. Tiếp tục thêm?', 'woocommerce' );
                }
        } 
        return $label;
}

// Change button for archive page products
add_filter( 'woocommerce_product_add_to_cart_text', 'already_in_cart_archive_product', 99, 2 );
function already_in_cart_archive_product( $label, $product ) {
        if ( $product->get_type() == 'simple' && $product->is_purchasable() && $product->is_in_stock() ) {
                foreach ( WC()->cart->get_cart() as $cart_item_key => $values ) {
                        $_product = $values['data'];
                        if ( get_the_ID() == $_product->get_id() ) {
                                $label = __( 'Sản phẩm đã ở trong giỏ hàng. Tiếp tục thêm?', 'woocommerce' );
                        }
                }
        }
        return $label;
}

Tiếp theo, hãy truy cập cửa hàng và trang danh sách sản phẩm, xác minh rằng mọi thứ đang hoạt động bình thường. Nếu mọi thứ đều ổn thì kết quả cuối cùng sẽ như bên dưới.

Hiển thị các sản phẩm được thêm vào giỏ hàng

Phần kết

Hocwordpress hy vọng với thủ thuật nhỏ này, bạn có thể trưng bày những sản phẩm đã có trong giỏ hàng của Woocommerce.

Nếu thấy hay bạn có thể theo dõi phần kiến thức cơ bản về WordPress để biết thêm nhiều kiến thức mới.

Theo dõi fanpage để nhận những bài viết mới nhất: Hocwordpress Group

Tìm kiếm Blog này

Sieucoder.com