Tạo Shortcode hiển thị nút “Add to cart” trong Woocommerce ở vị trí mon muốn

Tạo shortcode cho nút thêm vào giỏ

Xin chào các bạn,

Bạn đã bao giờ gặp trường hợp muốn hiển thị nút ADD TO CART  (thêm vào giỏ) ở vị trí bất kì như phía cuối đoạn mô tả sản phẩm, hay lên sidebar… nhưng không biết làm thế nào? Sau đây mình sẽ hướng dẫn các bạn một cách rất đơn giản để giải quyết vấn đề đó.

Để làm được điều này mình sẽ tạo viết một Function tạo shortcode trong file function.php rồi chèn shortcode này vào vị trí hiển thị mong muốn trên themes.

Bắt đầu nào:
Bước 1: Viết hàm tạo shortcode cho nút “Add to cart”
Đoạn code sau sẽ thực hiện điều đó:

function add_to_cart_new(){
	global $product;
	if($product->get_stock_status()=="instock" && $product->get_price()!=""){
	echo do_shortcode('[add_to_cart id='.$product->get_id().']');  
	}
}

Mình xin giải thích một chút: – $product->get_stock_status()==”instock” : kiểm tra sản phẩm có còn trong kho không, còn thì hiển thị nút “Add to cart”, hết rồi thì thôi :)). Các bạn có thể thêm hoặc bỏ điều kiện này tùy yêu cầu. – $product->get_price()!=”” : Không hiển thị nút cho những sản phẩm chưa có giá. – echo do_shortcode(‘[add_to_cart id=’.$product->get_id().’]’) : shortcode có sẵn của woocommerce để hiển thị nút “Add to cart” theo ID của sản phẩm. Nguyên mẫu là: [add_to_cart $id]. Mình dùng “$product->get_id()” để lấy id của sản phẩm hiện tại. – add_shortcode(‘add_cart’, ‘add_to_cart_new’) : câu lệnh tạo shortcode với tên add_cart từ hàm add_to_cart_new();

Bước 1: Sử dụng Shortcode vừa tạo
Cách 1: Thêm vào Widget Dán đoạn mã [add_cart] vào Widget bạn muốn hiển thị.

Sử dụng shortcode Cách 2: Thêm shortcode bằng file PHP. Với file PHP thì hơi khác một xíu, bạn chèn đoạn mã sau vào vị trí mong muốn: echo do_shortcode(‘[add_cart]’);

Đơn giản vậy thôi, bạn hãy kiểm tra lại kết quả:

 

Nếu gặp khó khăn gì cần giúp đỡ hãy đặt câu hỏi ở bên dưới nhé. Mình sẽ hỗ trợ sớm nhất có thể.

Chúc các bạn thành công!

Chia sẻ một chút thông tin trong lý lịch của bạn. Những thông tin này có thể được công khai.

BÌNH LUẬN CỦA BẠN

Chức năng bình luận qua g+ đã tắt.

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *


BÀI VIẾT LIÊN QUAN