Theme WordPress thực phẩm chức năng mẫu số 28 là website bán hàng tông hồng, trang chủ chia khối sản phẩm theo từng hãng (bản demo có Jeunesse, Vlive, Herbalife), kèm khối bài tư vấn sáu bài, 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 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 về mẫu số 28
| Ngành phù hợp | Thực phẩm chức năng, thực phẩm bảo vệ sức khỏe, tinh dầu và đồ chăm sóc sức khỏe bán theo hãng hoặc theo nhóm sản phẩm; cửa hàng vừa và nhỏ cần mỗi hãng một khối riêng ở trang chủ |
| Kiểu website | Website bán hàng có cửa hàng, giỏ hàng, thanh toán và khối bài tư vấn; nút Zalo và Gọi ngay cố định ở đáy màn hình trên máy tính bảng và điện thoại |
| Màu chủ đạo | Hồng (#ee3b82) ở thanh menu, nút và thanh bản quyền; giá sản phẩm màu đỏ (#d60000); nền trắng, chân trang nền ảnh hoa lá |
| Phông chữ | Chữ nội dung Roboto Condensed, tiêu đề Roboto, đều là phông chữ của Google |
| Bố cục | Nội dung đặt trong khung rộng 1170px; 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; biểu mẫu dùng plugin Contact Form 7 |
| Cách chỉnh sửa | Kéo thả bằng UX Builder ở trang chủ và các trang; đầu trang (bốn ô thông tin) và chân trang (kèm khung Fanpage) là 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 chức năng của nhiều hãng và muốn mỗi hãng có một khối sản phẩm riêng ngay trang chủ, kèm khối bài tư vấn để khách đọc trước khi chọn mua. Mẫu này hợp với cửa hàng có vài chục sản phẩm: bản demo có 22 sản phẩm chia theo năm hãng (Herbalife, Jeunesse, Nuskin, Vlive, tinh dầu CBD). Menu mười mục nằm ngang, banner lớn và bốn ô thông tin (Facebook, đảm bảo chất lượng, miễn phí giao hàng, hotline) giúp khách nắm chính sách ngay từ đầu trang. Nếu bạn cần khuyến mại nổi bật hoặc gian hàng chia tab, hãy xem mục “Khi nào không nên chọn” bên dưới.

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.
- Đầu trang có logo Thực Phẩm Chức Năng 247, bốn ô thông tin (Facebook, đảm bảo chất lượng, miễn phí giao hàng, hotline) và thanh menu hồng mười mục, không có mục con.
- Banner ảnh lớn ngay dưới thanh menu, gồm hai ảnh.
- Khối sản phẩm theo hãng: mỗi khối là một dải thẻ sản phẩm lấy thẳng từ WooCommerce, mỗi thẻ có ảnh, tên, giá, nút Thêm vào giỏ hàng, kèm nút Xem tất cả; bản chụp có các khối Jeunesse, Vlive và Herbalife.
- Khối Blog và Tư vấn gồm sáu bài viết xếp ba cột, mỗi bài có ảnh nền, tiêu đề và nút Xem, đặt trên nền cọ màu hồng cam.
- Chân trang bốn cột gồm giới thiệu, thông tin chung, danh mục sản phẩm và khung Fanpage Facebook, nền ảnh hoa lá, thanh bản quyền màu hồng.
- Trên máy tính bảng và điện thoại có thanh Zalo, Gọi ngay cố định ở đáy màn hình.
Kèm sẵn 9 trang gồm trang chủ, giới thiệu, cửa hàng, giỏ hàng, thanh toán, tài khoản, liên hệ, khuyến mãi và hướng dẫn thanh toán; 6 bài viết; 22 sản phẩm WooCommerce (chưa sản phẩm nào đặt giá khuyến mãi); 21 chuyên mục sản phẩm (5 chuyên mục theo hãng đã có hàng); 5 biểu mẫu Contact Form 7.




Trên máy tính bảng, nút menu ba gạch nằm bên trái, logo ở giữa, bên phải là ba biểu tượng tìm kiếm, tài khoản và giỏ hàng; thẻ sản phẩm xếp ba thẻ một hàng và thanh Zalo, Gọi ngay cố định ở đáy màn hình.


Trên điện thoại, banner thu gọn lại, thẻ sản phẩm xếp hai thẻ một hàng và thanh Zalo, Gọi ngay vẫn cố định ở đáy.


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 167KB |
| Tệp kiểu trình bày | 5 tệp, khoảng 202KB |
| Tệp mã chạy | 20 tệp, khoảng 432KB |
| Ảnh trong thân trang chủ | 36 ảnh |
| Thời gian máy chủ trả trang chủ | 0,53 đến 1,00 giây (đo 10 lần, trung bình khoảng 0,59 giây) |
| Chiều cao trang chủ | 5.095px (máy tính), 6.735px (máy tính bảng), 5.461px (điện thoại) |
Ghi chú: thời gian trên là thời gian máy chủ demo trả về trang chủ khi chưa bật bộ nhớ đệm trang, chưa tính thời gian tải ảnh, kiểu trình bày và mã chạy của trình duyệt. Chiều cao đo sau khi cuộn hết trang để ảnh tải đủ. Khi chạy thật trên hosting của bạn và bật bộ nhớ đệm, thời gian thường thấp hơn. Trang chủ nhẹ hơn mẫu số 27 (167KB so với 325KB, 36 ảnh so với 124 ảnh) do có ít khối hơn; ngược lại tổng mã chạy lại nhiều hơn (432KB so với 268KB), mình chưa tách nguyên nhân từng tệp.
Mẫu số 28 khác mẫu số 27 ở đâu?
| Tiêu chí | Mẫu số 27 | Mẫu số 28 |
| Ngành | Mỹ phẩm thảo mộc, mỹ phẩm thiên nhiên | Thực phẩm chức năng bán theo hãng |
| Tông màu | Xanh lá, nền trắng, khối cảm nhận nền xanh lá đậm | Hồng, giá màu đỏ, chân trang nền ảnh hoa lá |
| Banner đầu trang | 1 ảnh lớn rộng hết màn hình | 2 ảnh |
| Menu | 8 mục chính, 34 mục tính cả mục con | 10 mục, không có mục con |
| Trang | 8 trang | 9 trang |
| Bài viết, chuyên mục sản phẩm | 5 bài, 27 chuyên mục sản phẩm | 6 bài, 21 chuyên mục sản phẩm (5 chuyên mục có hàng) |
| Bán hàng | 28 sản phẩm WooCommerce, 13 sản phẩm có giá khuyến mãi | 22 sản phẩm WooCommerce, chưa có sản phẩm khuyến mãi |
| Dung lượng trang chủ | 325KB | 167KB |
| Ảnh trong thân trang chủ | 124 ảnh | 36 ảnh |
| Tệp kiểu trình bày / mã chạy | 7 tệp (241KB) / 19 tệp (268KB) | 5 tệp (202KB) / 20 tệp (432KB) |
Khi nào không nên chọn theme này?
- Bạn cần thanh toán trực tuyến và tính phí vận chuyển theo địa chỉ: bản demo chỉ có giỏ hàng và trang thanh toán của WooCommerce, chưa cài cổng thanh toán trực tuyến; hãy cấu hình phương thức thanh toán và phí giao hàng trước khi bán.
- Bạn muốn làm khuyến mại ngay ở trang chủ: 22 sản phẩm mẫu chưa có sản phẩm nào đặt giá khuyến mãi và trang chủ không có khối khuyến mại hay gian hàng chia tab; mẫu số 27 có sẵn cả hai.
- Bạn cần menu nhiều cấp hoặc menu danh mục dọc: menu của mẫu này là mười mục nằm ngang, không có mục con.
- Bạn ưu tiên tải nhanh: tổng mã chạy khoảng 432KB trong 20 tệp, nhiều hơn các mẫu số 29 đến 32 (từ 256KB đến 302KB); nên bật bộ nhớ đệm khi chạy thật.
- Bạn không bán thực phẩm chức năng hay đồ chăm sóc sức khỏe: hình, chữ và màu đều theo ngành này, đổi ngành thì phải thay gần hết ảnh và chữ.
Chữ giữ chỗ nào cần thay trước khi bán?
- Số hotline 0999.999.999 và email email@gmail.com ở đầu trang, chân trang, nút Gọi ngay và nút Zalo.
- Tên thương hiệu Thực Phẩm Chức Năng 247 và logo ở đầu trang, tiêu đề các khối và nội dung bài viết: đây là tên minh họa, hãy thay bằng tên và logo của bạn.
- Tên các hãng (Herbalife, Jeunesse, Nuskin, Vlive, tinh dầu CBD) ở menu, chuyên mục và ảnh sản phẩm là thương hiệu của bên khác; hãy thay bằng hãng bạn thật sự phân phối.
- 22 sản phẩm mẫu và 6 bài tư vấn là nội dung minh họa. Phần công dụng của thực phẩm chức năng trong bài và mô tả sản phẩm cần bạn tự rà theo quy định hiện hành về quảng cáo trước khi đăng.
- 16 chuyên mục sản phẩm mẫu tên tiếng Anh (như Albums, Bags) đang trống; hãy xóa hoặc đổi tên.
- Khung Fanpage Facebook và bốn ô thông tin đầu trang (Facebook, đảm bảo chất lượng, miễn phí giao hàng, hotline) là chữ minh họa, hãy sửa theo chính sách thật của bạn.
Câu hỏi thường gặp
Theme này dùng được cho ngành nào?
Phù hợp với thực phẩm chức năng và đồ chăm sóc sức khỏe bán theo hãng. Ngành khác vẫn dùng được nếu bạn thay ảnh, chữ và đổi tên các khối; riêng mỹ phẩm thảo mộc có gian hàng chia tab thì nên xem mẫu số 27.
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 UX Builder. Đầu trang (bốn ô thông tin) và chân trang là khối dùng lại nên sửa một lần là cập nhật khắp site. Màu và phông chữ chỉnh trong phần Tùy biến của Flatsome.
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.
Khối sản phẩm theo hãng lấy hàng từ đâu và đổi hãng thế nào?
Mỗi khối là phần tử sản phẩm của UX Builder, lấy sản phẩm của WooCommerce theo chuyên mục. Bạn chọn chuyên mục hiện ở từng khối và đổi tiêu đề khối ngay trong UX Builder.
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.

Theme WordPress thẩm mỹ viện phun xăm mẫu số 21
Theme WordPress mỹ phẩm mẫu số 15
Theme WordPress mỹ phẩm mẫu số 11
Theme WordPress phòng khám thẩm mỹ mẫu số 13
Theme WordPress phòng khám nha khoa thẩm mỹ mẫu số 19
Theme WordPress nail spa mẫu số 12
Theme WordPress mỹ phẩm mẫu số 9
Theme WordPress mỹ phẩm xách tay mẫu số 29
Theme WordPress mỹ phẩm chăm sóc vóc dáng mẫu số 25
Theme WordPress mỹ phẩm mẫu số 3
Theme WordPress mỹ phẩm mẫu số 7
Theme WordPress spa chăm sóc da mẫu số 24
Theme WordPress thực phẩm dinh dưỡng mẫu số 26
Theme WordPress mỹ phẩm mẫu số 20
Theme WordPress mỹ phẩm mẫu số 22
Theme WordPress mỹ phẩm mẫu số 16
Theme WordPress mỹ phẩm mẫu số 2
Theme WordPress mỹ phẩm thảo mộc mẫu số 27
Theme WordPress thẩm mỹ viện mẫu số 17
Theme WordPress phun xăm chân mày mẫu số 23 






Đánh giá Theme WordPress thực phẩm chức năng mẫu số 28