Theme bán mỹ phẩm chăm sóc da mẫu số 5 là giao diện cửa hàng gọn, tông xanh lá rêu và cam, gồm banner trượt thương hiệu, ba nhóm sản phẩm xếp theo hàng và khối tin tức làm đẹp. Menu chỉ năm mục nên khách tìm hàng nhanh. Bạn đổi ảnh, chữ bằng kéo thả của UX Builder.
Thông tin nhanh
| Ngành phù hợp | Cửa hàng mỹ phẩm, kem dưỡng, sữa rửa mặt, mặt nạ, serum và đồ chăm sóc cơ thể |
| Kiểu website | Cửa hàng nhiều sản phẩm có giỏ hàng, thanh toán và trang tin tức |
| Màu chủ đạo | Xanh lá rêu ở chữ và nút, cam ở giá và nhãn giảm giá, nền trắng |
| Nền tảng | WordPress kết hợp theme Flatsome và WooCommerce |
| Cách chỉnh sửa | Kéo thả bằng UX Builder, không cần biết lập trình |
| Xem thử | spa5.themewp5s.com |
| Hỗ trợ | Gọi hoặc nhắn Zalo 0929 880 468 |
Theme này hợp với ai?
Bạn là cửa hàng nhỏ hoặc nhà phân phối một thương hiệu, chỉ cần vài nhóm hàng và muốn trang chủ gọn. Khách vào thấy ngay banner thương hiệu, sản phẩm bán chạy, mặt nạ, chăm sóc da mặt rồi tới tin tức làm đẹp, không phải lướt qua nhiều khối khuyến mãi.

Trong bản demo có những gì?
Các khối đọc từ trang chủ của bản demo:
- Đầu trang có logo, ô tìm kiếm tròn, số hotline, biểu tượng tài khoản và giỏ hàng.
- Menu năm mục: Trang chủ, Giới thiệu, Sản phẩm, Tin tức (có menu con), Liên hệ.
- Banner trượt hai ảnh, chữ khuyến mãi nằm trong ảnh.
- Ba nhóm sản phẩm: Sản phẩm bán chạy (băng chuyền), Mặt nạ dưỡng trắng, Chăm sóc da mặt; mỗi nhóm có nút Xem thêm.
- Thẻ sản phẩm hiện nhãn phần trăm giảm, tên, giá gốc gạch ngang và giá bán.
- Khối Tin tức làm đẹp ở cuối trang; ba nút gọi, Zalo, trò chuyện nổi bên phải máy tính.
- Điện thoại có thanh Gọi ngay, Nhắn Zalo, Messenger ở đáy màn hình.


Bản demo nặng nhẹ ra sao?
Trang chủ mẫu số 5 tải 158KB mã trang, 9 tệp kiểu trình bày 482KB và 20 tệp chạy 294KB, với 40 ảnh.
| Chỉ số ở trang chủ | Số đo |
| Mã trang (HTML) | 158KB |
| Tệp kiểu trình bày (CSS) | 9 tệp, 482KB |
| Tệp chạy (JavaScript) | 20 tệp, 294KB |
| Số ảnh trên trang chủ | 40 ảnh |
| Thẻ sản phẩm trên trang chủ | 24 thẻ |
Số đo lấy ở trang chủ khi chưa đăng nhập, tính dung lượng sau giải nén, chưa tính nội dung ảnh. Mẫu số 5, 6 và 12 có đúng cùng 9 tệp CSS 482KB và 20 tệp JS 294KB, mẫu số 13 gần như vậy; nhóm mẫu này chưa được gỡ bớt tệp như mẫu số 15 (4 tệp CSS 180KB, 14 tệp JS 210KB).
Mẫu số 5 khác mẫu số 6 ở đâu?
Hai mẫu dùng chung bộ tệp kiểu trình bày và tệp chạy nên nặng như nhau ở phần này. Khác biệt nằm ở số khối: mẫu số 5 gọn, mẫu số 6 dày khuyến mãi.
| Tiêu chí | Mẫu số 5 | Mẫu số 6 |
| Menu | 5 mục | 12 mục, có Flash Sale, Beauty tools, Tuyển dụng, Cẩm nang |
| Thẻ sản phẩm ở trang chủ | 24 thẻ, 12 nút thêm vào giỏ | 48 thẻ, 24 nút thêm vào giỏ |
| Mã trang / số ảnh | 158KB / 40 ảnh | 262KB / 108 ảnh |
| Tệp CSS / tệp JS | 9 tệp 482KB / 20 tệp 294KB | 9 tệp 482KB / 20 tệp 294KB |
| Khối khuyến mãi | Banner trượt thương hiệu | Dải giá sốc, hàng biểu tượng ưu đãi, trang Flash Sale |
Khi nào không nên chọn mẫu số 5?
- Bạn muốn trang chủ nhiều khối khuyến mãi dồn dập: mẫu này chỉ có banner trượt và nhãn giảm giá, mẫu số 6 hoặc số 8 hợp hơn.
- Bạn có hơn ba nhóm hàng cần đặt ngay trang chủ: mỗi nhóm thêm phải nhân đôi một khối bằng UX Builder.
- Bạn cần banner có chữ sửa được: chữ khuyến mãi trên banner nằm trong ảnh, đổi chữ phải làm ảnh mới.
- Bạn muốn trang chủ nhẹ hơn các mẫu cửa hàng khác: mẫu này dùng bộ tệp đầy đủ, mẫu số 15 đã gỡ bớt.
Chữ giữ chỗ cần thay trước khi bán hàng
Các nội dung này trên demo chỉ là mẫu:
- Số hotline 0123.456.789 ở đầu trang và liên kết gọi, Zalo ở nút nổi, thanh đáy điện thoại (số 0123456789).
- Liên kết Messenger chưa trỏ về trang của bạn.
- Logo, tên thương hiệu và các ảnh sản phẩm mang tên hãng thật; banner Body nuột nà.
- Dòng tiêu đề Mỹ phẩm Hàn Quốc – Chăm sóc da chuẩn Hàn Quốc: chỉ giữ khi hàng của bạn đúng như vậy.
- Giá, nhãn giảm giá và tên sản phẩm mẫu; bài tin tức mẫu.
Câu hỏi thường gặp
Có cần biết lập trình để sửa theme không?
Không. Banner, ba nhóm sản phẩm và khối tin tức đều là khối kéo thả của UX Builder. Bạn bấm vào khối rồi đổi chữ, thay ảnh, chọn lại nhóm sản phẩm hiển thị ngay trên màn hình xem trước, không phải chạm vào mã hay cài thêm công cụ nào khác.
Thêm nhóm sản phẩm thứ tư bằng cách nào?
Trong UX Builder, bạn nhân đôi một khối nhóm sản phẩm có sẵn rồi chọn danh mục WooCommerce muốn hiển thị và đổi tiêu đề. Khối mới giữ nguyên kiểu thẻ, nhãn giảm giá và nút Xem thêm của các nhóm cũ nên không cần chỉnh lại giao diện.
Theme có sẵn sản phẩm không?
Có sản phẩm mẫu trong WooCommerce để bạn xem thẻ sản phẩm, giỏ hàng và trang chi tiết. Bạn xóa hoặc sửa chúng rồi nhập sản phẩm thật của mình. Cách thu tiền, chuyển khoản hay thu khi giao hàng, bạn tự bật trong WooCommerce.
Điện thoại xem có ổn không?
Bản demo được xem ở khung rộng 390 điểm ảnh: menu thu vào nút ba gạch, banner thu nhỏ, sản phẩm bán chạy trượt ngang và thanh Gọi ngay, Nhắn Zalo, Messenger cố định ở đáy. Chưa kiểm trên từng mẫu điện thoại thật.
Số hotline và logo trên demo có phải của tôi không?
Không. Số 0123.456.789, liên kết Zalo, Messenger, logo, tên thương hiệu và ảnh sản phẩm đều là nội dung minh họa. Danh sách đầy đủ nằm ở mục Chữ giữ chỗ cần thay trước khi bán hàng phía trên, hãy thay hết trước khi mở website.
Xem thử theme ở đâu?
Bấm nút Xem demo trên trang này hoặc mở spa5.themewp5s.com. Bản demo chặn công cụ tìm kiếm nên chỉ vào được bằng liên kết. Cần hỏi thêm về mẫu số 5, bạn gọi hoặc nhắn Zalo 0929 880 468 để được trả lời về cách chỉnh sửa và cài đặt.










Đánh giá Theme WordPress mỹ phẩm mẫu số 5