Khi bạn sử dụng Woocommerce để làm website bán hàng thì không phải theme nào cũng hỗ trợ hiển thị tốt gian hàng bởi mỗi theme WordPress có thiết kế khác nhau. Đặc biệt là có nhiều theme miễn phí sẽ không hỗ trợ hiển thị tốt trong Woocommerce.
Nếu bạn muốn gian hàng của mình đẹp và hiển thị tốt thì bạn nên sử dụng các theme trả phí dành cho Woocommerce tại ThemeForest hoặc WooThemes..
Còn nếu bạn mới bắt đầu làm website thì bạn nên sử dụng theme StoreFront cho Woocommerce vì nó miễn phí, đơn giản và hỗ trợ rất tốt cho Woocommerce.
Lý do người mới nên dùng theme StoreFront
Theme StoreFront hỗ trợ rất tốt cho nhưng người mới bắt đầu dùng Woocommerce bởi vì:
- Nhẹ, dễ sử dụng, miễn phí và mã nguồn mở
- Tương thích tốt với các plugin hỗ trợ thiết kế như Origin Page Builder hoặc Visual Composer để tự thiết kế bố cục cho từng trang.
- Hỗ trợ HTML5 và Schema chuẩn SEO
- Tùy chỉnh Customize đầy đủ
- Hỗ trợ Responsive
- Code thân thiện với lập trình viên
- Hỗ trợ khá nhiều child theme (trả phí)
- Hỗ trợ phần mở rộng Storefront Designer giúp tùy biến chuyên nghiệp hơn.
Thêm dữ liệu mẫu trong Woocommerce
Dữ liệu mẫu trong Woocommerce là gói dữ liệu được tạo sẵn với một vài sản phẩm để bạn có thể trải nghiệm các chức năng hay theme. Và với các dữ liệu mẫu này thì bạn sẽ thấy theme hiển thị đầy đủ thế nào.
Trước tiên bạn tải plugin Woocommerce tại đây sau đó giải nén ra. Giải nén xong bạn vào thư mục /woocommerce/dummy-data/ sẽ thấy các tập tin dữ liệu mẫu. Sau đó bạn vào trang quản trị của website -> Công cụ ->Nhập vào -> WordPress (cài plugin WordPress Importer nếu bạn chưa cài ) và upload tập tin dummy-data.xml lên.
Đưa các sản phẩm của bạn về user đăng nhập của bạn rồi tick vào ô Download and import file attachments sau đó ấn Sumit.
Nếu bạn bị timeout do mạng chậm thì vào localhost mở tập tin php.ini tìm dòng
max_execution_time (thường thì nó sẽ mặc định là 30)
Sau đó bạn thay đổi giá trị của nó thành 100 hoặc 200 là ok.
max_execution_time = 100
Khi nhập dữ liệu thành công bạn sẽ được thông báo như sau:
Vào phần Sản phẩm để kiểm tra, bạn sẽ thấy rất nhiều sản phẩm được cấu hình đầy đủ.
Cách cài đặt và kích hoạt theme StoreFront
Để cài đặt theme Storefront cho Woocommerce, bạn vào phần Giao diện -> Giao diện -> Thêm mới và tìm theme Storefront tại khung tìm kiếm.
Sau khi cài đặt xong theme thì bạn Activate nó lên nhé.
Cài đặt trang chủ
Theme Storefront không tự hiển thị trang chủ mà bạn cần tạo một trang mới và thiết lập giao diện Homepage. Bạn vào Trang -> Thêm trang mới để tạo trang, đặt tên trang là Trang chủ, nội dung bỏ trống, phần Giao diện thì để là Homepage.
Bạn nên tạo thêm một trang là Tin tức nổi bật, để trống nội dung và không thiết lập gì.
Tiếp theo vào Cài đặt -> Đọc để thiết lập Trang chính và Trang bài viết theo từng trang mà bạn mới tạo.
Nhấn Lưu thay đổi và vào website để xem kết quả.
Thiết lập Widget
Theme Storefront hỗ trợ 6 vị trí chèn widget bao gồm:
- Silide bar
- Header
- 4 Footer
Bạn vào phần Giao diện -> Widget để xem nhé.
Tùy chỉnh theme Storefront cho Woocommerce
Bạn có thể tùy chỉnh theme này tại Giao diện -> Tùy chỉnh và tại đây bạn có thể thêm logo, thay đổi màu sắc, bố cục,…
Kết luận
Trong bài viết này tôi đã hướng dẫn sử dụng theme Storefront cho Woocommerce.

Tham gia cùng 67,322 người đăng ký
Nhận thông tin khi có bài viết đặc biệt, hướng dẫn chuyên sâu và cập nhật mới.
Mọi thông tin đều được mã hóa và bảo mật.
có cách nào để giảm giá hàng loạt cho sản phẩm trên web ko bác ?
có nhiều plugin hỗ trợ cho woocommerce phù hợp nhu cầu bác đó. bác gg search cái ra ngay cả đống. ko search được thì mình search cho
Em chào anh Cường! Anh cho em hỏi một chút ngoài lề ạ! Anh có thể chỉ cho e cách làm Gradient ở Trang chủ không ạ? Em cũng dùng Thrive Architect! Em cảm ơn!
Anh không dùng Thrive Architect để tạo Gradient ở Trang chủ. Nhưng mà có vài dòng code thôi mà. Nếu em ko biết code thì có thể tuỳ biến xong copy code ở đây mà dùng: https://www.gradient-animator.com/