Từ trước đến nay, theme Paradise vốn nổi tiếng trong cộng đồng độc giả của WP Căn bản bởi sự đơn giản, mã nguồn nhẹ và tốc độ load siêu nhanh. Nó đặc biệt phù hợp với các blog cá nhân, website vệ tinh để làm SEO, website MMO… Tuy nhiên, ít ai biết rằng theme Paradise cũng có thể được sử dụng để tạo shop bán hàng online không kém phần chuyên nghiệp. Không chỉ đơn thuần là đặt trang cửa hàng (shop) của WooCommerce làm trang chủ. Giờ đây, bạn hoàn toàn có thể tự cấu hình trang chủ dạng shop bán hàng theo ý muốn của riêng mình. Trong bài viết hôm nay, tôi sẽ hướng dẫn cho bạn các bước chi tiết để làm điều đó.
Các yêu cầu trước khi thực hiện
- Hãy đảm bảo bạn đã cập nhật theme Paradise và Genesis Framework lên phiên bản mới nhất.
- Hãy đảm bảo plugin WooCommerce đã được cài đặt và kích hoạt.
- Truy cập vào Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu tốc độ => chuyển tính năng Tải JS và CSS có điều kiện sang trạng thái Không.
- Truy cập vào Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu trải nghiệm => Chuyển tính năng Hiển thị trang chủ dạng tạp chí sang trạng thái Có.
- Truy cập vào Giao diện => Widget => xóa hết widget trong các khu vực Trang chủ – Trên, Trang chủ – Giữa và Trang chủ – Dưới. Các bạn cũng có thể giữ lại các widget khác nếu cảm thấy cần thiết.
Tạo trang chủ dạng shop bán hàng
1. Kéo 1 widget Văn bản (Text) và thả vào khu vực widget bất kỳ (Trang chủ – Trên, Trang chủ – Giữa hoặc Trang chủ – Dưới) => chuyển qua chế độ Văn bản (Text) => copy và paste shortcode của WooCommerce vào trong đó rồi lưu lại.
Ví dụ ở đây tôi sẽ tạo 1 widget hiển thị danh sách các sản phẩm nổi bật (featured) bằng shortcode:
Trong đó:
limit ="4"
tương ứng với 4 sản phẩm sẽ được hiển thị.columns ="4"
tương ứng với 4 cột, nghĩa là 1 hàng sẽ có 4 sản phẩm.
Với sản phẩm bán chạy, các bạn có thể dùng shortcode:
Với sản phẩm mới, các bạn có thể dùng shortcode:
Để hiển thị danh sách sản phẩm của một danh mục nào đó, hãy dùng shortcode:
Tham khảo thêm các shortcode khác được WooCommerce hỗ trợ tại đây.
2. Tạo lần lượt các widget bằng shortcode theo cách tương tự.
3. Bước cuối cùng là kiểm tra thành quả. Trang chủ của bạn sẽ trông giống như thế này:
Thật đơn giản phải không nào? Chúc các bạn thành công!