Theme WordPress thực phẩm dinh dưỡng mẫu số 26 là website bán hàng tông xanh lá và cam, có menu danh mục mở sẵn bên trái, banner trượt hai ảnh, dải sản phẩm bán chạy, ba khối lưới sản phẩm xen cột ảnh quảng cáo và khối cẩm nang dinh dưỡng bốn bài viết, kèm cửa hàng, giỏ hàng và thanh toán của WooCommerce; bản demo hiển thị tràn khung trên cả máy tính, máy tính bảng và điện thoại, riêng máy tính bảng và điện thoại được xếp lại gọn hơn bản máy tính. Bạn thay ảnh, đổi chữ bằng kéo thả của UX Builder, không cần biết lập trình.
Thông tin nhanh
| Ngành phù hợp | Cửa hàng thực phẩm dinh dưỡng, hạt các loại, dầu ăn cao cấp, thực phẩm bồi bổ sức khỏe, thực phẩm cho bé, đồ chay và trái cây sấy; cửa hàng có nhiều sản phẩm cần chia danh mục rõ ràng |
| Kiểu website | Website bán hàng nhiều sản phẩm có menu danh mục dọc, cửa hàng bốn cột, giỏ hàng, thanh toán và tài khoản WooCommerce, bài viết cẩm nang và một biểu mẫu Contact Form 7 ở trang liên hệ |
| Màu chủ đạo | Xanh lá ở thanh trên cùng, thanh menu, giá và nút bấm; cam ở tiêu đề khối và nút Danh mục sản phẩm; nền be nhạt |
| Bố cục | Tràn khung toàn màn hình; máy tính bảng và điện thoại được xếp lại riêng, không chỉ thu nhỏ từ bản máy tính |
| Nền tảng | WordPress kết hợp theme Flatsome và WooCommerce; menu danh mục bên trái dùng thêm plugin OT Flatsome Vertical Menu |
| Cách chỉnh sửa | Kéo thả bằng UX Builder ở trang chủ và các trang; chân trang là một khối dùng lại, sửa được trong UX Builder |
| Ngôn ngữ | Tiếng Việt |
Theme này hợp với ai
Bạn bán thực phẩm dinh dưỡng, hạt hoặc dầu ăn với vài chục sản phẩm và cần khách bấm vào danh mục là thấy ngay nhóm hàng. Menu danh mục mở sẵn ở trang chủ, cột ảnh quảng cáo đặt cạnh các lưới sản phẩm và nhãn Khuyến mãi trên từng thẻ giúp bạn đẩy hàng đang giảm giá. Nếu chỉ có vài sản phẩm hoặc muốn trang chủ thiên về giới thiệu thì mẫu số 25 hợp hơn.
Trang chủ trên máy tính: thanh xanh trên cùng có tổng đài bên trái và ô tìm kiếm bên phải, tiếp theo là logo, ba ô thông tin (giao hàng, hotline, thanh toán) và giỏ hàng, rồi thanh menu xanh với nút Danh mục sản phẩm màu cam; menu danh mục mở sẵn bên trái, banner trượt hai ảnh bên phải, ngay dưới là ba ảnh nhỏ viền trắng.

Trong bản demo có những gì
Các khối đọc từ trên xuống ở trang chủ, mỗi khối là một phần tử kéo thả riêng nên bạn thêm, bớt hoặc đổi chỗ được.
- Banner trượt hai ảnh có chấm chuyển; bên trái là menu danh mục mở sẵn tám nhóm hàng, mỗi nhóm có biểu tượng riêng, nhóm Dầu ăn cao cấp có menu con.
- Ba ảnh nhỏ viền trắng ngay dưới banner, dùng để đẩy chương trình khuyến mãi hoặc nhóm hàng nổi bật.
- Khối Sản phẩm bán chạy là dải trượt năm cột, tám sản phẩm lấy thẳng từ WooCommerce, có nhãn Khuyến mãi dạng tam giác, giá cũ gạch ngang và nút Thêm vào giỏ hàng.
- Khối Sản phẩm dinh dưỡng, khối Dinh dưỡng bài thuốc và khối Chăm sóc mẹ bầu đều có lưới bốn cột tám sản phẩm, đặt cạnh cột ảnh quảng cáo có dải tiêu đề cam.
- Khối Cẩm nang dinh dưỡng là dải trượt bốn bài viết, mỗi bài có ảnh, tiêu đề và đoạn trích.
- Chân trang nền trắng có bốn cột: logo kèm giới thiệu, danh mục sản phẩm, ba sản phẩm kèm ảnh nhỏ và thông tin liên hệ; dưới cùng là thanh bản quyền nền xám đậm.
- Trang cửa hàng có cột Có thể bạn sẽ thích bên trái và lưới bốn cột bên phải; trang sản phẩm, giỏ hàng, thanh toán và tài khoản đã được Việt hóa.
Kèm sẵn 7 trang gồm trang chủ, giới thiệu, liên hệ, cửa hàng, giỏ hàng, thanh toán và tài khoản; 4 bài viết mẫu, 12 sản phẩm mẫu, 10 chuyên mục sản phẩm và 1 chuyên mục bài viết, cùng 1 biểu mẫu Contact Form 7 ở trang liên hệ.





Trên máy tính bảng, menu thu gọn thành nút ba gạch ở góc trái, logo nằm giữa, giỏ hàng ở góc phải; thanh thông tin trên cùng và menu danh mục được ẩn để đầu trang gọn. Banner chiếm trọn bề ngang, ba ảnh nhỏ nằm một hàng, các lưới sản phẩm đổi thành bốn cột nên mỗi khối chỉ còn hai hàng, và cột ảnh quảng cáo bên cạnh được ẩn đi.


Trên điện thoại, banner thu còn khoảng 160px cao, ba ảnh nhỏ vẫn nằm trên một hàng để không chiếm chỗ, dải sản phẩm bán chạy vuốt ngang mỗi lần thấy hai thẻ, các lưới sản phẩm chỉ hiện bốn thẻ mỗi khối (hai hàng hai cột) và chân trang gọn lại còn danh mục hai cột cùng thông tin liên hệ.



Bản demo nặng nhẹ ra sao
Số đo thật khi mở trang chủ như khách chưa đăng nhập, chưa bật bộ nhớ đệm trang:
| Trang chủ (HTML) | khoảng 182KB |
| Tệp kiểu trình bày | 7 tệp, khoảng 257KB |
| Tệp mã chạy | 19 tệp, khoảng 275KB |
| Ảnh trong thân trang chủ | 57 ảnh |
| Thời gian tải | 1,0 đến 1,6 giây (đo 10 lần, trung bình khoảng 1,2 giây) |
| Chiều cao trang chủ | 4659px (máy tính), 4720px (máy tính bảng), 4050px (điện thoại) |
Ghi chú: thời gian tải đo khi chưa bật bộ nhớ đệm trang; lúc đo, máy chủ demo phản hồi chậm hơn thường lệ (ngay cả tệp robots.txt cũng mất khoảng 0,8 đến 1 giây) nên số này cao hơn mẫu số 25. Trang chủ nặng hơn mẫu số 25 vì có 32 thẻ sản phẩm (bốn lưới, mỗi lưới tám thẻ) và 57 ảnh. Khi chạy thật trên hosting của bạn và bật bộ nhớ đệm, thời gian sẽ thấp hơn.
Mẫu số 26 khác mẫu số 25 ở đâu
| Tiêu chí | Mẫu số 25 | Mẫu số 26 |
| Ngành | Mỹ phẩm chăm sóc vóc dáng, làm đẹp tại nhà | Thực phẩm dinh dưỡng, hạt, dầu ăn cao cấp |
| Tông màu | Cam đỏ, nền kem | Xanh lá và cam, nền be |
| Banner đầu trang | 3 ảnh, có chấm chuyển | 2 ảnh, có chấm chuyển, kèm menu danh mục mở sẵn bên trái |
| Menu | 6 mục chính, 16 mục tính cả mục con | 5 mục chính và menu danh mục riêng 10 mục (8 nhóm, 2 mục con) |
| Trang | 15 trang | 7 trang |
| Bài viết, chuyên mục | 6 bài, 8 chuyên mục | 4 bài, 11 chuyên mục (10 sản phẩm, 1 bài viết) |
| Bán hàng | Ba sản phẩm WooCommerce, giỏ hàng, thanh toán, biểu mẫu đặt hàng | 12 sản phẩm WooCommerce có giá khuyến mãi, cửa hàng bốn cột, giỏ hàng, thanh toán |
| Dung lượng trang chủ | 157KB | 182KB |
| Tệp kiểu trình bày / mã chạy | 4 tệp (199KB) / 16 tệp (256KB) | 7 tệp (257KB) / 19 tệp (275KB) |
Khi nào không nên chọn
- Bạn cần cổng thanh toán và phí vận chuyển chạy ngay: demo có giỏ hàng và thanh toán nhưng chưa cấu hình cổng thanh toán hay phí vận chuyển.
- Bạn chỉ có vài sản phẩm: trang chủ có bốn lưới tám thẻ sản phẩm, ít hàng thì các khối sẽ thưa; hãy chọn mẫu số 25 hoặc mẫu thiên về giới thiệu.
- Bạn muốn trang chủ ngắn gọn: trang chủ dài khoảng 4.700px trên máy tính và 4.000px trên điện thoại.
- Bạn không muốn cài thêm plugin: menu danh mục bên trái dùng plugin OT Flatsome Vertical Menu, tắt plugin này thì nút Danh mục sản phẩm không hiện.
Chữ giữ chỗ cần thay trước khi bán hàng
- Số tổng đài 0999.999.999 ở thanh trên cùng, hotline 0999.999.999 và 0888.888.888 ở trang liên hệ, thư điện tử email@gmail.com.
- Địa chỉ 285 Phạm Văn Bạch, P.15, Q. Tân Bình, Tp. HCM, dòng Facebook fb.com/facebook ở chân trang và dòng “© Bản quyền”.
- Tên thương hiệu Hạt Vàng cùng các câu giới thiệu ở trang chủ, trang giới thiệu và chân trang.
- Ảnh banner có chữ, ba ảnh nhỏ, ảnh quảng cáo hai bên và ảnh sản phẩm lấy từ demo gốc; một số ảnh sản phẩm còn in tên website khác và một ảnh bài viết còn in số điện thoại của bên khác, cần thay bằng ảnh của bạn.
- Tên, giá, giá khuyến mãi và mô tả của 12 sản phẩm, nội dung 4 bài viết và các câu ở trang giới thiệu đều là chữ mẫu.
- Logo Hạt Vàng và biểu tượng trang là hình tự tạo cho bản demo, thay bằng logo của bạn.
- Biểu mẫu liên hệ Contact Form 7 đang dùng địa chỉ nhận thư mặc định, bạn đổi trong mục Thư của biểu mẫu; việc gửi thử chưa được kiểm tra.
Câu hỏi thường gặp
Theme này dùng được cho ngành nào?
Hợp nhất với thực phẩm dinh dưỡng, hạt, dầu ăn, thực phẩm bồi bổ, thực phẩm cho bé, đồ chay và trái cây sấy; đổi ảnh và danh mục là dùng được cho các cửa hàng bán nhiều loại hàng khác.
Có sửa được bằng UX Builder không?
Có. Mọi khối ở trang chủ là phần tử kéo thả của Flatsome, bạn không phải viết mã. Đừng xóa mục Lớp CSS vì kiểu dáng bám vào đó.
Có tương thích máy tính bảng và điện thoại không?
Có, bố cục được chỉnh riêng cho từng thiết bị và đã rà ở 391px, 768px và 1920px; chưa thử trên máy thật.
Menu danh mục bên trái có cần plugin không?
Có. Menu dọc dùng plugin OT Flatsome Vertical Menu; bạn cài và bật plugin này, rồi chọn menu danh mục cho vị trí menu dọc.
Mua theme có được hỗ trợ cài đặt không?
Có, khách mua theme được hỗ trợ miễn phí cài theme và tùy biến chuẩn SEO và GEO AI.





Đánh giá Theme WordPress thực phẩm dinh dưỡng mẫu số 26