Trang chủ WordpressWordpress Plugin [Woocommerce] Thiết lập shop làm trang chủ

[Woocommerce] Thiết lập shop làm trang chủ

bởi Thạch Phạm
16 bình luận 8056 views
Khuyến mãi hosting

Ở 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.

Cách 1. Thiết lập trang Cửa hàng thành trang chủ

Khi cài Woocommerce nó đã cài sẵn cho chúng ta một trang tên Cửa hàng (Shop) để hiển thị danh sách các sản phẩm mới nhất. Chúng ta có thể tận dụng chức năng thiết lập một trang tĩnh thành trang chủ của WordPress để đưa trang cửa hàng đó ra ngoài trang chủ, bằng cách truy cập vào Cài đặt -> Đọc -> Một trang tĩnh và chọn trang chính là cửa hàng. Nếu bạn muốn có một trang hiển thị bài viết mới nhất thì chọn ở phần trang bài viết.

woocommerce-homepage-01

Sau khi lưu lại bạn sẽ thấy trang chủ của mình là một trang cửa hàng. Chỉ đơn giản là như thế thôi.

Cách 2. Tạo trang riêng và sử dụng shortcode

Nếu bạn cảm thấy trang cửa hàng nó hiển thị sản phẩm không được đa dạng cho lắm mà bạn lại muốn hiển thị nhiều sản phẩm từ nhiều danh mục khác nhau thì sẽ còn cách khác là tạo một trang mới, sau đó viết nội dung cần hiển thị vào, trong đó bạn có thể sử dụng các shortcode của Woocommerce để hiển thị sản phẩm.

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:

  • [products orderby="date" order="desc"] – Hiển thị các sản phẩm mới nhất.
  • [product_category category="slug-danh-muc-san-pham"] – Hiển thị sản phẩm mới dựa theo tên danh mục sản phẩm.
  • [sale_products per_page="12"] – Hiển thị 12 sản phẩm đang được giảm giá.
  • [best_selling_products per_page="12"] – Hiển thị 12 sản phẩm bán chạy.
  • [product_attribute attribute='color' filter='black'] – 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.

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.

Ví dụ mình có nội dung trang chủ là thế này.

woocommerce-homepage-02

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.

Lời kết

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. Thiết nghĩ nếu bạn vẫn chưa hài lòng với việc hiển thị sản phẩm thế này thì bạn có thể chọn mua các theme dành riêng cho WooCommerce.

16 bình luận

Có thể bạn quan tâm

0 0 vote
Article Rating
guest
16 Comments
mới nhất
cũ nhất đánh giá nhiều
Inline Feedbacks
View all comments
Chuột Đồng

mọi người cho em hỏi là khi đã tạo được 1 sản phẩm từ woocomere và em muốn những sản phẩm của em hiển trong mục SẢN PHẨM thì làm như thế nào cho hợp lí ạ? thank mọi người

Anh bán bộ đàm

Em chỉ muốn ẩn mấy cái sản phẩm ở trang chủ đi còn lại cái slide với danh mục thôi ạ thì làm thế nào.

Nguyễn Nhu

Thạch phạm à, mình rất hay đọc bài của bạn vì bài của bạn rất hay, dễ hiểu, dễ làm theo.
Mình cũng muốn hỏi bạn Shortcode hiển thị khối danh mục sản phẩm lớn bên ngoài trang chủ, khi nhấn vào sẽ hiển thị ra các danh mục con chứa trong Category nhé. Thank bạn nhiều.

Nguyen Nhu

Anh cho em hỏi Shortcode hiển thị khối chứa các sản phẩm con theo danh mục

Thu Hương

anh Phạm cho hỏi

làm sao để làm đc trang chủ vừa có tin tức bên trên, bên dưới có shop bán sản phẩm như này nhỉ

http://suacuacuon.vn/

web em là http://cuacuonsaigon.edu.vn/. em SEO top rồi mà web xấu vvvvvoooonnnn

Khắc Hiếu

Thạch cho mình hỏi, Làm một Web thương mại điện tử cho siêu thị điện máy, số lượng sản phẩm khoản trên dưới 1500 sản phẩm, thì WordPress wocommerce có đáp ứng được không, có bị chậm chạp không ?
Cảm ơn Thạch !

quyen

bài viết rất hữu ích

Thông

Chào bạn, cho mình hỏi thử vấn đề hiển thị trên trang Shop của woocommerce nhé. Hiện mình vào CÀI ĐẶT của woocommerce và chọn tab SẢN PHẨM và mình chọn cách hiện thị ra trang SHOP chỉ là hiển thị categories. Tuy nhiên giờ mình muốn tách thành 2 nhóm, nhóm thứ nhất gồm các categories liên quan đến thời trang, rồi nhóm thứ 2 là những categories liên quan đến thực phẩm. Theo mặt định thì hiển thị theo ABC, vậy mình phải làm thế nào? có plugin hay shortcode nào thực hiện được nhiệm vụ này không… Xem thêm »

Thu

Cảm ơn tác giả.

thinhit

Hiển thị sản phẩm có lượt view nhiếu nhất thì làm sao hả bác! cảm ơn!

thinhit

Cảm ơn bác đã chia sẽ!

Quốc Cường

Hiển thị các sản phẩm mới nhất.giới hạn số sản phẩm thì làm sao bác

Khươnghm

cùng câu hỏi, làm sao để giới hạn số sản phẩm ạ

Tuấn

Anh Phạm có code nào hiển thị danh mục sản phẩm ra trang chủ luôn không
cho người ta dễ vào xem 🙂

Nguyễn Nhu

Mình cũng đang hóng phần này luôn

16
0
Would love your thoughts, please comment.x
()
x