Bước 1: Backup theme hiện tại

  1. Vào Blogger Dashboard
  2. Theme → Backup/Restore → Download theme

Bước 2: Upload theme mới

  1. Tải file s-market-theme.xml từ link trên
  2. Vào Theme → Backup/Restore
  3. Chọn "Upload" và chọn file XML vừa tải
  4. 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 nam
  • laptop - Laptop
  • mobile - Điện thoại
  • smartwatch - Đồng hồ thông minh
  • kids - Trẻ em
  • deals - Giảm giá
  • slider - Hiển thị trong slider

⚡ Lưu ý quan trọng:

  1. Font Awesome: Theme sử dụng Font Awesome 4.7 (đã include)
  2. Images: Thay placeholder images bằng ảnh thật của bạn
  3. Pages: Tạo các trang: About, Contact, Checkout
  4. Posts: Mỗi post = 1 sản phẩm, dùng labels để phân loại
  5. 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é! 😊

Ant Green
ĐĂNG NHẬP
Nhận nhiều ưu đãi hơn