Cấu hình website

Các tab cấu hình website và Menu mua nhanh — kèm ASCII minh họa kết quả public.

Trang Cấu hình website điều chỉnh thiết lập ảnh hưởng Storefront và Menu mua nhanh. Kiểm tra đây trước khi kết luận lỗi theme hoặc PIM.

Website & App > Cấu hình website

Route tab: /setting/website/tab/{general|homepage|product|payment|checkout|customer|cache|storefrontmenu}

Tab và kết quả public

Cấu hình chung

Logo, favicon, tên thương hiệu, domain, bảo trì, full-width desktop, footer nav mobile, CSS/JS tùy biến, đa ngôn ngữ.

┌────────────────────────────────────────┐
│ [logo]     Menu…          🔍  👤  🛒   │  ← logo / favicon / tên
├────────────────────────────────────────┤
│              nội dung trang            │
├────────────────────────────────────────┤
│ footer (+ nav mobile bottom nếu bật)   │
└────────────────────────────────────────┘

Bảo trì bật:
┌────────────────────────────────────────┐
│         Website đang bảo trì           │
│         (khoá truy cập public)         │
└────────────────────────────────────────┘

Trang chủ

Setting	Kết quả
Dùng Landing Page slug `index`	Body trang chủ = các Page Block đã thiết kế
Sản phẩm đã xem: Đầu / Cuối / Không	Dải recently viewed trên hoặc dưới trang chủ

┌─ Header ───────────────────────────────┐
│ [Recently viewed?]                     │  ← nếu chọn Đầu trang
│ [PageBlock: Banner]                    │
│ [PageBlock: Product…]                  │
│ …                                      │
│ [Recently viewed?]                     │  ← nếu chọn Cuối trang
└─ Footer ───────────────────────────────┘

Thiết kế block: Landing page slug index → Thiết kế.

Sản phẩm

Ảnh hưởng listing và PDP — xem:

Hình thức thanh toán

Bật/tắt COD, chuyển khoản, cổng (MoMo, VNPAY…), điều kiện min/max — quyết định danh sách phương thức ở checkout.

Checkout — chọn thanh toán:
○ COD
○ Chuyển khoản
○ Ví / QR (các cổng đang bật)

Đặt hàng (checkout)

Layout giỏ 1–2 cột; tỷ lệ cột checkout; vị trí coupon / tóm tắt / shipping… — xem Cấu hình đặt hàng.

Tài khoản / Cache

Tài khoản: ít ảnh hưởng visual. Cache: purge sau khi đổi nội dung/menu/setting quan trọng.

Card Màu sắc Menu mua nhanh — 6 màu (chủ đạo, hover, nền nhạt, chữ trên nền chính, giá, nút nhấn). Preview mock bên phải admin.

App Menu mua nhanh (màu theo setting):
┌────────────────────────────┐
│ 🔍 Tìm kiếm      (primary) │
│ [DM] [DM] [DM]  (pill)     │
│ ┌────┐ Tên SP              │
│ │ảnh │ Giá (màu giá)       │
│ └────┘                     │
│ ════ Giỏ · thanh toán ════ │
└────────────────────────────┘

Để trống màu → mặc định tông #f26522. Không nhầm với Website Menu.

Quan hệ module khác

Nội dung trang chủ / landing: Landing page + Page Block.
Sản phẩm: PIM.
Phí ship: Cài đặt phí giao hàng.
Popup/form: Web Popup, Web Forms.

Lưu ý

Sau khi đổi, có thể cần làm mới cache trước khi thấy trên public.
Không ghi cấu hình Shopee/TikTok trong bài này — thuộc Marketplace.