Hiển thị sản phẩm woocommerce ra ngoài trang chủ wordpress

Woocommerce là một plugin tạo shop bán hàng cực kỳ mạnh mẽ và hoàn toàn miễn phí. Với hệ thống shortcode và plugin mở rộng kèm theo những mẫu theme bán hàng đẹp mắt được thiết kế để tạo website thương mại điện tử chuyên nghiệp bạn dễ dàng cài đặt và phát triển cho mình một website.

Thế nhưng đối với những mẫu theme miễn phí thông thường sau khi cài đặt trang chủ của nó chỉ có danh sách các bài viết mới. Để có thể đưa danh sách các sản phẩm của woocommerce ra ngoài trang chủ chuyên nghiệp đẹp mắt bắt buộc bạn phải am hiểu về code để chỉnh sửa nó.

Ở đây mình sẽ chỉ cho bạn 2 cách để đưa các sản phẩm ra ngoài trang chủ wordpress đơn giản, còn đẹp hay không là phải xem các mẫu theme đó có hỗ trợ cho woocommerce hay không.

Cách 1: Sử dụng trang cửa hàng mặc định.

Mặc định sau khi cài đặt woocommerce hệ thống sẽ tự tạo cho bạn một số trang cần thiết của shop bán hàng trong đó có trang cửa hàng.

hien-thi-san-pham-bang-trang-cua-hang

Bạn hãy vào Cài đặt -> Đọc để thiết lập trang cửa hàng để nó có thể hiển thị tất cả các sản phẩm lưu trữ trong đó ra trang chủ cho website của bạn đối với cách này nó sẽ không thể giới hạn số lượng sản phẩm hiển thị.

Cách 2: Sử dụng shortcode

Đối với cách dùng shortcode cho phép bạn tùy biến linh hoạt hơn vì đôi khi bạn chỉ muốn hiển thị một số sản phẩm nhất định hoặc danh mục con nào đó ra trang chủ mà thôi. Dưới đây sẽ là danh sách các shortcode và ý nghĩa của chúng , bạn có thể tùy biến để sử dụng với mục đích hợp lý nhất. Để hiển thị các shortcode này ra ngoài trang chủ bạn tiến hành tạo 1 trang mới sau đó thêm trang vừa tạo giống với cách 1.

Shortcode Tham số Ý nghĩa
recent_products per_page, columns, orderby, order Hiển thị sản phẩm mới.
featured_products per_page, columns, orderby, order Hiển thị các sản phẩm nổi bật.
product id hoặc sku Hiển thị 1 sản phẩm.
products ids hoặc skus, columns, orderby, order Hiển thị các sản phẩm định trước.
product_category per_page, columns, orderby, order, category Hiển thị các sản phẩm trong một danh mục.
product_categories number, orderby, order, columns, hide_empty, parent, ids Hiển thị danh mục sản phẩm hiện có.
sale_products per_page, columns, orderby, order Hiển thị sản phẩm giảm giá.
best_selling_products per_page, columns Hiển thị sản phẩm bán chạy.
top_rated_products per_page, columns, orderby, order Hiển thị sản phẩm được đánh giá cao
product_attribute per_page, columns, orderby, order, attribute, filter Hiển thị các sản phẩm có thuộc tính cụ thể.
related_products per_page, columns, orderby Hiển thị các sản phẩm liên quan.

Đây là một số danh sách các đoạn shortcode và tham số của nó, sau khi xác định được sản phẩm hiển thị ra trang chủ thế nào ta tiến hành tạo shortcode, dưới đây là một số ví dụ trực quan cho bạn.

Hiển thị 12 sản phẩm bán chạy trên một trang: [best_selling_products per_page=”12″]

Hiển thị 12 sản phẩm giảm giá trên 1 trang: [sale_products per_page=”12″]

Hiển thị sản phẩm của 1 danh mục: [product_category category=”dien-thoai-iphone”]

Sau khi đã xác định xong bạn chỉ việc copy đoạn shortcode này vào trang vừa tạo rồi xem thử ngoài trang chủ đã hiển thị đúng danh sách sản phẩm như vừa tạo chưa.

Trên đây là hướng dẫn cách đưa sản phẩm ra ngoài trang chủ wordpress, nếu bạn thấy bài viết có ích hãy nhớ like ủng hộ mình. Nếu không hiểu ở đâu hãy để lại comment phía dưới.

Bảo Nguyễn

Đam mê dòng nhạc Bolero, thích con gái phong cách công sở và thích bàn luận quân sự. Đã từng học tại HaUI khóa K16.

Leave a Reply

Be the First to Comment!

Notify of
avatar

Create Account



Log In Your Account