Tổng cộng:
Bước 1: Backup theme hiện tại
- Vào Blogger Dashboard
- Theme → Backup/Restore → Download theme
Bước 2: Upload theme mới
- Tải file
s-market-theme.xmltừ link trên - Vào Theme → Backup/Restore
- Chọn "Upload" và chọn file XML vừa tải
- Click "Upload" để cài đặt
Bước 3: Tùy chỉnh
- Thay logo: Theme → Customize → Logo
- Đổi màu: Edit HTML và sửa biến CSS trong
:root - Thêm sản phẩm: Tạo posts mới với nhãn (labels)
🎨 Màu sắc chính (có thể tùy chỉnh):
--primary-color: #ff6b6b (Đỏ cam - màu chủ đạo)
--secondary-color: #4ecdc4 (Xanh mint)
--dark-color: #2c3e50 (Xám đen)
--hover-color: #e74c3c (Đỏ hover)
🔧 Tùy chỉnh nâng cao:
Thay đổi số cột sản phẩm:
Tìm dòng:
.product-grid {
grid-template-columns: repeat(4, 1fr); /* Đổi 4 thành 3 hoặc 5 */
}
Đổi màu theme:
Sửa trong phần :root ở đầu CSS
Thêm Mega Menu item:
Tìm phần <div class='mega-menu'> và thêm column mới
📋 Labels khuyến nghị cho sản phẩm:
women- Thời trang nữmens- Thời trang namlaptop- Laptopmobile- Điện thoạismartwatch- Đồng hồ thông minhkids- Trẻ emdeals- Giảm giáslider- Hiển thị trong slider
⚡ Lưu ý quan trọng:
- Font Awesome: Theme sử dụng Font Awesome 4.7 (đã include)
- Images: Thay placeholder images bằng ảnh thật của bạn
- Pages: Tạo các trang: About, Contact, Checkout
- Posts: Mỗi post = 1 sản phẩm, dùng labels để phân loại
- Responsive: Đã test responsive, hoạt động tốt trên mọi thiết bị
🎁 Bonus - Những gì đã có sẵn:
✅ Slider tự động 5 giây/lần
✅ Back to top button
✅ Smooth scroll
✅ Lazy loading images
✅ Shopping cart animation
✅ Mobile-friendly menu
✅ SEO optimized structure
✅ Fast loading
Theme này được tạo hoàn toàn từ đầu với code sạch, chuẩn HTML5/CSS3, và tương thích với Blogger. Bạn có thể tùy chỉnh mọi thứ theo ý muốn!
Nếu bạn cần hỗ trợ thêm về cách tùy chỉnh hoặc thêm tính năng nào, cứ cho tôi biết nhé! 😊
