SHORTCODE hiển thị sản phẩm tùy ý trong WordPress

Xin chào tất cả các anh em đã quay lại với website Cam Ranh Media. Trong bài viết này, mình xin chia sẽ cách hiển thị sản phẩm tại các trang mà bạn muốn. Không nói nhiều nữa, xem ngay bên dưới luôn nào.

Quan tâm nhiều: Thiết kế website chuyên nghiệp

Bạn cần biết

Ở một số theme riêng dành cho WooCommerce bạn có thể dễ dàng thấy các sản phẩm đa phần đều được đưa ra ngoài trang chủ. Bởi vì thường là những theme đó sẽ giúp bạn làm một trang bán hàng thực thụ. Còn những theme thông thường không hỗ trợ thì nó thường là hiển thị các bài viết mới nhất thay vì sản phẩm.

Dĩ nhiên chúng ta không thể tự biến một theme đơn giản thành một theme có hỗ trợ WooCommerce đầy đủ được. Ngoại trừ bạn có nhiều kinh nghiệm làm việc với code. Nhưng mặc dù không làm cho nó chuyên nghiệp đầy đủ như vậy. Thì chúng ta vẫn có cách đưa các sản phẩm ra ngoài trang chủ của website theo cách đơn giản.

Hướng dẫn sử dụng Shortcode hiện thị sản phẩm WP

Thông thường cửa hàng tự tạo sẽ không hiện thị đầy đủ cho lắm. Nhưng nhu cầu của bạn lại muốn hiển thị nhiều sản phẩm từ nhiều danh mục khác nhau. Xem ngay bên dưới nè :)).

Trước tiên hãy tạo một trang mới, mình đặt tên cho nó là Trang chủ chẳng hạn để dễ nhận biết. Ở phần nội dung, bạn có thể viết bất cứ cái gì vào, hoặc sử dụng các shortcode sau:

+ Hiển thị các sản phẩm mới nhất => [products orderby=”date” order=”desc”]

+ Hiển thị sản phẩm mới dựa theo tên danh mục sản phẩm => [product_category category=”slug-danh-muc-san-pham”]

+ Hiển thị 12 sản phẩm đang được giảm giá => [sale_products per_page=”12″]

+ Hiển thị 12 sản phẩm bán chạy => [best_selling_products per_page=”12″]

+ Hiển thị sản phẩm có chứa thuộc tính là color và giá trị thuộc tính là black => [product_attribute attribute=’color’ filter=’black’]

Ngoài ra nó còn có một số giá mà bạn có thể tham khảo bài viết sử dụng shortcode của WooCommerce. Nếu bạn copy từ đây, hãy chuyển chế độ soạn thảo sang Văn bản trước khi copy. Và nhớ rằng, shortcode không bao giờ có phân trang sản phẩm giống trang cửa hàng.

 

Mặc dù không có phân trang nhưng mình nghĩ hiển thị như vậy cũng đã được rồi. Khách hàng có thể vào trực tiếp trang cửa hàng hoặc các danh mục để xem thêm sản phẩm.

Kết luận

Mặc dù mình biết là nhu cầu của bạn muốn trang chủ của mình đẹp hơn thế. Nhưng ở đây mình đang hướng dẫn chung mà ai cũng có thể làm được. Vì việc tùy biến trang chủ đẹp mắt cho WooCommerce phức tạp hơn chúng ta nghĩ rất nhiều.

Nếu bạn muốn tùy biến như thế nào thì hãy để lại góp ý dưới bài viết này để mình biết nhé!

Xem chi tiết