Theme WordPress mỹ phẩm đa thương hiệu mẫu số 39 là website bán mỹ phẩm của nhiều thương hiệu trong cùng một cửa hàng: thanh hồng đậm (#e20286) trên cùng, thanh menu đen 11 mục, banner trượt, năm nhóm sản phẩm xếp sáu thẻ một hàng và mỗi thẻ ghi tên thương hiệu ngay dưới tên sản phẩm. Bản demo kèm 7 sản phẩm mẫu, 8 danh mục, bộ lọc theo thương hiệu, dung tích, màu sắc và giá, giỏ hàng, thanh toán, tài khoản, 10 trang và 1 bài viết, dựng hoàn toàn bằng khối kéo thả UX Builder của Flatsome và bán hàng bằng WooCommerce.
Thông tin nhanh về mẫu số 39
| Ngành phù hợp | Cửa hàng mỹ phẩm bán hàng của nhiều thương hiệu (chăm sóc da, trang điểm, chăm sóc tóc, hương thơm, quà tặng) cần cho khách lọc theo thương hiệu |
|---|---|
| Kiểu website | Website bán hàng có gian hàng, giỏ hàng, thanh toán, tài khoản, trang thương hiệu, bài viết tư vấn và hai biểu mẫu liên hệ |
| Màu chủ đạo | Hồng đậm (#e20286) ở thanh trên cùng và các nhãn tròn trên trang sản phẩm; đen ở thanh menu, chân trang và nhãn Mới, Ưu đãi; xám nhạt ở dải thông báo; nền trắng |
| Phông chữ | Arial (phông có sẵn trong máy) cho chữ nội dung và menu; Georgia cho tiêu đề các khối, máy nào không có Georgia thì dùng Playfair Display (phông của Google); ảnh chụp trong bài hiển thị bằng Playfair Display |
| Bố cục | Nội dung đặt trong khung rộng khoảng 1270px; máy tính bảng và điện thoại được xếp lại riêng; dưới 850px có thanh sáu nút cố định ở đáy, từ 850px là hai nút tròn Zalo và gọi điện nổi bên phải |
| Nền tảng | WordPress kết hợp theme Flatsome và WooCommerce; biểu mẫu dùng plugin Contact Form 7; bản demo bật sẵn thanh toán chuyển khoản và nhận hàng trả tiền |
| Cách chỉnh sửa | Kéo thả bằng UX Builder ở trang chủ và các trang con; menu ở Giao diện, Menu; cột bên ở Giao diện, Widget; màu và kiểu dáng ở Tùy biến, CSS bổ sung |
Theme này hợp với ai?
Bạn bán mỹ phẩm của vài thương hiệu trở lên và muốn khách vừa duyệt theo danh mục vừa lọc theo thương hiệu: tên thương hiệu hiện ngay trên thẻ sản phẩm, trang Thương hiệu có sẵn và cột bên ở trang Cửa hàng có bộ lọc Thương hiệu, Dung tích. Theme cũng hợp khi cửa hàng chạy nhiều chương trình ưu đãi cùng lúc, vì trang chủ có sẵn chỗ cho hai banner ngang, bốn banner dọc, dải mã giảm giá và các nhóm Quà tặng, Ưu đãi dành cho thành viên.

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:
- Đầu trang: thanh hồng hai dòng thông báo, logo, ô tìm kiếm sản phẩm, hai liên kết (Cửa hàng và dịch vụ, Cộng đồng), tài khoản, giỏ hàng, thanh menu đen 11 mục và dải xám giới thiệu mã giảm giá.
- Banner trượt: hai ảnh tự chuyển, có chấm tròn chuyển ảnh ở đáy.
- Năm nhóm sản phẩm: Hàng mới về, Được quan tâm nhiều, Quà tặng và bộ sản phẩm, Gợi ý cho bạn, Ưu đãi dành cho thành viên; mỗi nhóm sáu thẻ xếp một hàng, có nhãn Mới, Ưu đãi hoặc phần trăm giảm và tên thương hiệu dưới tên sản phẩm.
- Hai banner ngang và bốn banner dọc: hai banner nằm sau nhóm Hàng mới về; bốn banner dọc nằm dưới tiêu đề Làm đẹp nhiều hơn cho bạn.
- Dải thông báo cửa hàng: khung xám có dòng Mua sắm an tâm tại cửa hàng và một liên kết.
- Chân trang: bốn ô thông tin (Tìm cửa hàng, Trò chuyện với tư vấn viên, hotline, Tra cứu đơn hàng), ba cột liên kết (mỗi cột 12 liên kết), cột liên hệ có biểu tượng mạng xã hội, ô đăng ký nhận ưu đãi và hàng hình thức thanh toán.
Kèm sẵn 7 sản phẩm mẫu thuộc 4 thương hiệu mẫu, trong đó 2 sản phẩm chọn dung tích bằng nút bấm; 8 danh mục (4 danh mục đã có sản phẩm mẫu); trang giỏ hàng, thanh toán, tài khoản; 10 trang (trang chủ, giới thiệu, thương hiệu, liên hệ, chính sách đổi trả, blog và 4 trang của gian hàng) và 1 bài viết. Trang sản phẩm có nhãn thương hiệu, nút chọn dung tích (với sản phẩm có nhiều dung tích), lựa chọn cách nhận hàng ngay trên nút Thêm vào giỏ hàng và các thẻ nội dung bên dưới.




Trên máy tính bảng, thanh menu đen nhường chỗ cho thanh sáu nút cố định ở đáy màn hình; đầu trang chỉ còn logo bên trái, ô tìm kiếm và giỏ hàng bên phải. Banner thu theo bề ngang và mỗi nhóm sản phẩm hiện ba thẻ một lần, vuốt ngang để xem tiếp.


Trên điện thoại, hàng nút menu vuốt ngang nằm ngay dưới logo (mục đang xem tô đen), banner thu gọn và mỗi nhóm sản phẩm hiện hai thẻ một lần với mũi tên chuyển; hai banner ngang xếp chồng lên nhau. Thanh sáu nút cố định ở đáy gồm Trang chủ, Mua sắm, Ưu đãi, Giới thiệu, Cộng đồng, Cửa hàng.


Bản demo nặng nhẹ ra sao?
Số đo thật khi mở trang chủ như khách chưa đăng nhập:
| Trang chủ (HTML) | khoảng 232KB |
|---|---|
| Tệp kiểu trình bày | 9 tệp, khoảng 417KB; riêng bộ biểu tượng chiếm khoảng 163KB, bộ biểu tượng thứ hai khoảng 16KB và bộ biểu tượng của WordPress khoảng 59KB |
| Tệp mã chạy | 20 tệp, khoảng 296KB |
| Ảnh trong thân trang chủ | 68 thẻ ảnh nhưng chỉ 17 ảnh khác nhau (7 sản phẩm mẫu lặp lại ở năm nhóm); 56 thẻ tải chậm, chỉ tải khi cuộn tới |
| Thời gian máy chủ trả trang chủ | 0,65 đến 0,79 giây (đo 8 lần liên tiếp, lần đầu chậm hơn, khoảng 1 giây) |
| Chiều cao trang chủ | 3.990px (máy tính, 1519px), 4.197px (máy tính bảng, 761px), 4.628px (điện thoại, 383px) |
Ghi chú: thời gian trên là thời gian máy chủ trả mã HTML của trang chủ, đo bằng trình duyệt, chưa gồm thời gian tải ảnh và tệp. Con số 68 thẻ ảnh phản ánh bản demo chỉ có 7 sản phẩm: cửa hàng có nhiều sản phẩm khác nhau sẽ tải nhiều ảnh khác nhau hơn, bạn nên nén ảnh sản phẩm trước khi tải lên. Kiểu trình bày của mẫu này nặng ở các bộ biểu tượng; nếu chỉ dùng vài biểu tượng, bạn có thể nhờ người làm web cắt bớt.
Mẫu số 39 khác mẫu số 38 ở đâu?
| Tiêu chí | Mẫu số 38 | Mẫu số 39 |
|---|---|---|
| Ngành | Mỹ phẩm chăm sóc da, nhóm hàng cho da mụn | Mỹ phẩm của nhiều thương hiệu: chăm sóc da, trang điểm, tóc, hương thơm, quà tặng |
| Tông màu | Xanh lục đậm (#19523e), nút xanh lá, giá màu đỏ, nền xám nhạt | Hồng đậm (#e20286), đen, xám nhạt, nền trắng |
| Phông chữ | Roboto | Arial cho chữ nội dung; Georgia cho tiêu đề khối (dự phòng Playfair Display) |
| Menu | Thanh menu ngang kèm danh mục dọc 10 mục cạnh banner | Thanh menu đen 11 mục, dính lại khi cuộn; trên điện thoại là hàng nút vuốt ngang |
| Sản phẩm trên trang chủ | Bốn nhóm, mỗi nhóm bốn sản phẩm có giá và nút Mua hàng | Năm nhóm, mỗi nhóm sáu thẻ; trang chủ không in giá, ghi tên thương hiệu |
| Lọc ở trang Cửa hàng | Cột bên danh mục và sắp xếp | Cột bên danh mục, Thương hiệu, Dung tích và sắp xếp |
| Dữ liệu mẫu | 19 sản phẩm, 10 danh mục, 13 trang, 7 bài viết | 7 sản phẩm, 8 danh mục, 10 trang, 1 bài viết |
| Nút liên hệ | Thanh Chat Zalo và Hotline ở đáy dưới 850px | Thanh sáu nút ở đáy dưới 850px; từ 850px là hai nút tròn Zalo và gọi điện nổi bên phải |
| Dung lượng trang chủ | khoảng 206KB | khoảng 232KB |
| Ảnh trong thân trang chủ | 62 thẻ ảnh (55 ảnh khác nhau) | 68 thẻ ảnh (17 ảnh khác nhau) |
| Tệp kiểu trình bày / mã chạy | 9 tệp (427KB) / 20 tệp (284KB) | 9 tệp (417KB) / 20 tệp (296KB) |
Ghi chú: số của mẫu số 38 lấy từ lần đo ghi ở mô tả mẫu số 38, cùng cách đo với mẫu số 39 (khách chưa đăng nhập, cộng dung lượng thật của từng tệp).
Khi nào không nên chọn theme này?
- Bạn muốn khách thấy giá ngay ở trang chủ: các thẻ sản phẩm ở trang chủ chỉ có ảnh, tên, thương hiệu và nhãn; giá hiện ở trang Cửa hàng và trang sản phẩm. Muốn hiện giá ở trang chủ thì phải chỉnh lại khối sản phẩm.
- Bạn cần điểm sao và đánh giá của khách ngay khi mở bán: bản demo không có điểm sao và không có đánh giá nào, chỉ có biểu mẫu đánh giá mặc định của WooCommerce ở trang sản phẩm. Đánh giá phải do khách thật viết.
- Bạn cần thanh toán trực tuyến bằng thẻ hoặc ví điện tử ngay: bản demo chỉ bật chuyển khoản và nhận hàng trả tiền; năm biểu tượng hình thức thanh toán ở chân trang chỉ là hình trang trí, cổng thanh toán bạn tự cài thêm.
- Bạn cần bộ ảnh dùng được ngay: logo, banner và ảnh sản phẩm trong bản demo là ảnh mẫu mang nhãn hiệu của bên khác, nên phải thay hết trước khi bán.
- Bạn có một thương hiệu duy nhất: trang Thương hiệu và bộ lọc thương hiệu sẽ thừa; nên xem các mẫu mỹ phẩm một thương hiệu khác trong kho.
- Bạn cần dùng thanh menu dài hơn 11 mục: thanh menu một hàng trên máy tính sẽ chật; chia thành menu xổ xuống cần chỉnh thêm.
Chữ giữ chỗ nào cần thay trước khi bán?
- Số điện thoại 0999.999.999 ở chân trang, 0929880468 ở các nút gọi và Zalo (liên kết zalo.me/0929880468 và tel:0929880468).
- Địa chỉ 123 Đường Số 1, Quận 10, TP. Hồ Chí Minh, email email@gmail.com, địa chỉ website tenmiencuaban.vn và giờ tư vấn 8:00 – 21:00 ở chân trang và trang Liên hệ; mã giảm giá LUAHONG và điều kiện giao hàng từ 500.000đ ở dải xám đầu trang chỉ là chữ mẫu.
- Biểu mẫu Liên hệ và biểu mẫu đăng ký nhận ưu đãi ở chân trang gửi thư về email@gmail.com: đổi trong Contact Form 7, mục Thư, trước khi nhận khách thật.
- Tên Lụa Hồng (tên tự đặt cho bản demo) ở tiêu đề website, chân trang và dòng bản quyền; bốn thương hiệu Sắc Hồng, Mộc Nhiên, Bạch Liên, An Nhiên là tên mẫu.
- Logo, hai ảnh banner trượt, các banner ngang và dọc và ảnh sản phẩm là ảnh mẫu lấy theo bản demo gốc, có nhãn hiệu của bên khác in sẵn (trên logo, banner và bao bì sản phẩm). Thay tất cả bằng logo, banner và ảnh sản phẩm của bạn trước khi bán.
- 7 sản phẩm mẫu (tên, giá, mô tả), 1 bài viết, các trang giới thiệu, thương hiệu, chính sách đổi trả và các liên kết ở chân trang (đang trỏ về #) là chữ mẫu; nội dung về công dụng mỹ phẩm phải đúng hồ sơ công bố sản phẩm của bạn.
- Đường dẫn của dải xám đầu trang, hai liên kết Cửa hàng và dịch vụ, Cộng đồng và các liên kết ở chân trang là đường dẫn mẫu, cần đổi sang trang 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 cửa hàng mỹ phẩm bán hàng của nhiều thương hiệu: chăm sóc da, trang điểm, chăm sóc tóc, hương thơm và quà tặng. Spa hay thẩm mỹ viện không bán hàng thì nên xem các mẫu spa và thẩm mỹ viện khác trong kho.
Có sửa được bằng UX Builder không?
Có. Các khối ở trang chủ và các trang giới thiệu, thương hiệu, liên hệ là phần tử kéo thả của UX Builder. Menu chỉnh ở Giao diện, Menu; cột bên chỉnh ở Giao diện, Widget; màu và kiểu dáng chỉnh ở Tùy biến, CSS bổ sung.
Có tương thích máy tính bảng và điện thoại không?
Có. Khi dựng, trang chủ được đo ở ba bề ngang 383, 761 và 1519px; các trang cửa hàng, danh mục, sản phẩm, giỏ hàng, thanh toán, tài khoản, blog, bài viết, giới thiệu, thương hiệu, liên hệ, chính sách, tìm kiếm và trang lỗi được mở ở 383 và 761px để kiểm tra tràn ngang. Chưa thử trên máy thật và đường truyền di động.
Theme có bán hàng được không?
Có. Bản demo có 7 sản phẩm mẫu, giỏ hàng, thanh toán và tài khoản; đã bật chuyển khoản và nhận hàng trả tiền. Chưa cài cổng thanh toán trực tuyến, và khi dựng demo chưa đặt thử một đơn thật.
Biểu mẫu Liên hệ gửi về đâu?
Về địa chỉ email@gmail.com là chữ giữ chỗ. Bạn đổi trong Contact Form 7, mục Thư, trước khi nhận khách thật. Chưa gửi thử thư thật khi dựng demo.
Mua theme được hỗ trợ những gì?
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 mỹ phẩm đa thương hiệu mẫu số 39