Chào mừng đến với
Wolf Calie
Tất cả thông tin cần thiết được viết trong các phần sau. Chúng tôi giữ mọi thứ dễ hiểu nhất có thể để bạn có thể đọc và làm theo.
- Version: 1.0
- Author: Wolf Themes
- Created: 9 July, 2025
- Update: 9 July, 2025
Nếu bạn có bất kỳ câu hỏi nào, vui lòng gửi email qua [email protected].
Cài đặt
Mua giao diện từ kho theme Sapo và cài đặt vào website
- Kích thước sử dụng cho ảnh sản phẩm đề nghị: 450x600 pixels
- Kích thước sử dụng cho ảnh tin tức sẽ đề nghị: 600x600 pixels
Thiết lập chung
Vào Thiết lập giao diện > Thiết lập chung, bạn có thể thay đổi
- Tùy chỉnh icon đầu trang (Favicon)
- Tắt mở tính năng xem nhanh sản phẩm
- Thiết lập sản phẩm yêu thích
- Thiết lập màu sắc chủ đạo cho giao diện
- Thiết lập từ khóa cho trang chủ
Popup Banner khuyến mãi
Hiển thị popup khuyến mãi khi khách hàng vào website
Vào Thiết lập giao diện > Popup Banner khuyến mãi, bạn có thể thay đổi
- Bật tắt tính năng
- Thay đổi ảnh bao gồm
- Hình ảnh
- Kích thước mặc định
- Thẻ ALT hỗ trợ SEO
- Liên kết trỏ tới
- Thời gian hiển thị sau khi load trang.
- Thời gian hiển thị lại sau khi đóng.
Thông tin liên hệ
Hiển thị thông tin tùy chỉnh, nếu không chọn sẽ lấy thông tin mặc định từ website.
Vào Thiết lập giao diện > Thông tin Liên hệ toàn trang, bạn có thể thay đổi
- Tên cửa hàng
- Địa chỉ
- Số điện thoại
Nút liên hệ hỗ trợ
Hiển thị nút liên hệ ở góc dưới bên phải của website.
Vào Thiết lập giao diện > Nút liên hệ hỗ trợ, bạn có thể thay đổi
- Màu sắc mặc định của nút
- Thông tin Hotline
- Thông tin Zalo
- Thông tin Messenger
- Liên kết tới hệ thống cửa hàng
Popup Góc trái
Hiển thị ở góc dưới bên trái của website. Cho phép tùy chỉnh 5 thông tin khác nhau
Vào Thiết lập giao diện > Popup Góc trái, bạn có thể thay đổi nội dung cho các mục.
Bố cục
Hướng dẫn tùy chỉnh Đầu trang, Chân trang
Đầu trang
Vào Thiết lập giao diện > Đầu trang, bạn có thể thay đổi nội dung cho các mục.
- Tùy chỉnh logo trang web
- Hiển thị hệ thống cửa hàng
- Bật tắt chức năng tìm kiếm thông minh
- Thiết lâp Menu cho website bao gồm
- Thiết lập Menu chính
- Thiết lập Mega Menu
- Thiết lập ảnh cho Mega Menu
Trang chủ
Chúng tôi cung cấp các module ở trang chủ, bạn có thể lựa chọn và sắp xếp vị trí của chúng
Trang chủ - Module Slider
Vào Thiết lập giao diện > Trang chủ - Module Slider, bạn có thể thay đổi
- Bật tắt slider
- Thay đổi ảnh slider Desktop và Mobile. Lưu ý, nhập ảnh kích thước giống như kích thước khuyên dùng để hiển thị tốt nhất
- Thiết lập thẻ ALT, Liên kết tới slider
Trang chủ - Module Chữ Khuyến Mãi
Vào Thiết lập giao diện > Trang chủ - Module Chữ Khuyến Mãi, bạn có thể thay đổi
- Ẩn/Hiện nội dung
- Thay đổi nội dung và liên kết
Trang chủ - Module Flash Sale
Vào Thiết lập giao diện > Trang chủ - Module Flash Sale, bạn có thể thay đổi
- Ảnh tiêu đề
- Thời gian đếm ngược: Nhập theo định dạng YYYY-MM-DDTHH:mm:ss. Ví dụ 12/31/2025 11:30:00 PM
- Thiết lập sản phẩm hiển thị: Danh mục sản phẩm, số lượng sản phẩm, nút liên kết.
Trang chủ - Module Bộ sưu tập
Vào Thiết lập giao diện > Trang chủ - Module Bộ sưu tập, bạn có thể thay đổi
- Tab danh mục sản phẩm
- Số lượng tab, số lượng sản phẩm hiển thị
Trang chủ - Module Ưu đãi trong tháng
Vào Thiết lập giao diện > Trang chủ - Module Ưu đãi trong tháng, bạn có thể thay đổi
- Thay đổi thông tin banner: Hình ảnh, thẻ ALT, liên kết
Trang chủ - Module Sản phẩm 1
Vào Thiết lập giao diện > Trang chủ - Module Sản phẩm 1, bạn có thể thay đổi
- Thay đổi tiêu đề
- Thay đổi Danh mục và số lượng sản phẩm
- Thiết lập hình ảnh cho module
Trang chủ - Module Sản phẩm 2
Vào Thiết lập giao diện > Trang chủ - Module Sản phẩm 2, bạn có thể thay đổi
- Thay đổi tiêu đề
- Thay đổi danh mục, số lượng sản phẩm
- Thay đổi menu danh mục
Trang chủ - Module Sản phẩm 3
Vào Thiết lập giao diện > Trang chủ - Module Sản phẩm 3, bạn có thể thay đổi
- Thay đổi tiêu đề
- Thay đổi danh mục, số lượng sản phẩm
- Thay đổi menu danh mục
- Thiết lập hình ảnh cho module
Trang chủ - Module Lookbook
Vào Thiết lập giao diện > Trang chủ - Module Lookbook, bạn có thể thay đổi
- Thiết lập hình ảnh cho module
Thiết lập Sản phẩm
Cung cấp các thiết lập liên quan đến Trang danh mục sản phẩm, Bộ lọc sản phẩm và Trang chi tiết sản phẩm
Trang danh sách sản phẩm
Vào Thiết lập giao diện > Trang danh sách sản phẩm, bạn có thể thay đổi
- Số lượng sản phẩm hiển thị trên 1 trang
- Ảnh banner mặc định đầu trang
- Top sản phẩm bán chạy
- Menu danh mục sản phẩm
- Nội dung mô tả ở cuối trang
Top sản phẩm bán chạy
Để hiển thị ảnh danh mục khác nhau cho mỗi danh mục. Sử dụng đoạn shortcode bên dưới. Đặt tiêu đề là thẻ h6
[khuyen-mai danhmuc="Danh mục cần hiển thị" limit="7" title="Tiêu đề module"]
Ảnh banner mặc định đầu trang
Để hiển thị ảnh danh mục khác nhau cho mỗi danh mục. Sử dụng đoạn shortcode bên dưới. Và thay liên kết hình ảnh vào. Đặt tiêu đề là thẻ h5
[gallery-collections image1="Hình ảnh" link1="Liên kết"]
Bộ lọc sản phẩm
Vào Thiết lập giao diện > Bộ lọc sản phẩm, bạn có thể thay đổi
- Bộ lọc theo hãng, lấy từ thuộc tính Nhà cung cấp
- Loại sản phẩm, lấy từ thuộc tính loại
- Lọc theo mức giá
- Lọc theo Tag1, Tag2, Tag3, lấy từ tag sản phẩm
- Lọc theo tag tùy chỉnh cho từng danh mục sản phẩm
- Để dùng bộ lọc tag riêng khác nhau cho từng DMSP. Vui lòng nhập trong mô tả danh mục sản phẩm theo cú pháp Tên bộ lọc (Đặt trong thẻ h6) và dưới tiêu đề h6 sẽ là các giá trị của bộ lọc. Các giá trị cách nhau bằng dấu phẩy (,)
Khuyến mãi và ưu đãi
Thiết lập nội dung hiển thị mặc định cho toàn bộ sản phẩm
Để thiết lập khuyến mãi khác nhau cho từng sản phẩm. Vào Cấu hình/ Metafield/ Sản phẩm
Thêm Định nghĩa metafield đặt tên khuyenmai. Chọn Kiểu Văn bản nhiều dòng
Vào sản phẩm cần thêm nội dung khuyến mãi. Chọn Metafield
Nhập nội dung khuyến mãi vào Metafield khuyenmai
Đăng ký nhận thông tin khi sản phẩm hết hàng
Tính năng cho phép khách hàng nhập thông tin để nhận thông báo khi sản phẩm về hàng. Thông tin khách hàng sẽ được lưu trong file Google Sheet.
- Vào https://drive.google.com. Tạo 1 file Google trang tính. Đặt tên Đăng ký nhận thông tin sản phẩm hết hàng
- File gồm các cột thông tin sau: Tên sản phẩm; Thuộc tính; Email; Ngày đăng ký
- Vào Tiện ích mở rộng. Chọn Apps Scripts
- Nhập nội dung sau:
function doPost(e) {
try {
var ss = SpreadsheetApp.openById('SheetID');
var sheet = ss.getSheetByName('Sheet1');
// Xử lý dữ liệu
var data = e.parameter; // Dành cho application/x-www-form-urlencoded
// Kiểm tra dữ liệu hợp lệ
if (!data.scustomer_email || !data.sproduct_id) {
return ContentService
.createTextOutput(JSON.stringify({ result: 'error', message: 'Missing required fields' }))
.setMimeType(ContentService.MimeType.JSON)
.addHeader('Access-Control-Allow-Origin', '*')
.addHeader('Access-Control-Allow-Methods', 'POST, OPTIONS')
.addHeader('Access-Control-Allow-Headers', 'Content-Type');
}
// Thêm dữ liệu vào Google Sheet
sheet.appendRow([data.sproduct_id, data.svariant_id || '', data.scustomer_email, new Date()]);
// Trả về phản hồi thành công
return ContentService
.createTextOutput(JSON.stringify({ result: 'success', message: 'Data saved successfully' }))
.setMimeType(ContentService.MimeType.JSON)
.addHeader('Access-Control-Allow-Origin', '*')
.addHeader('Access-Control-Allow-Methods', 'POST, OPTIONS')
.addHeader('Access-Control-Allow-Headers', 'Content-Type');
} catch (error) {
return ContentService
.createTextOutput(JSON.stringify({ result: 'error', message: error.message }))
.setMimeType(ContentService.MimeType.JSON)
.addHeader('Access-Control-Allow-Origin', '*')
.addHeader('Access-Control-Allow-Methods', 'POST, OPTIONS')
.addHeader('Access-Control-Allow-Headers', 'Content-Type');
}
}
function doGet(e) {
// Xử lý yêu cầu OPTIONS cho CORS preflight
return ContentService
.createTextOutput()
.setMimeType(ContentService.MimeType.JSON)
.addHeader('Access-Control-Allow-Origin', '*')
.addHeader('Access-Control-Allow-Methods', 'POST, OPTIONS')
.addHeader('Access-Control-Allow-Headers', 'Content-Type');
}
- Trong đó SheetID là id của Trang tính. SheetName là tên của Sheet trang tính
- Tiếp theo bấm vào Triển khai/Tùy chọn triển khai mới
- Chọn Người có quyền truy cập làBất cứ ai. Bấm triển khai
- Sao chép ID triển khai dán vào mục URL webhook ở Thiết lập chung > Trang sản phẩm > KHỐI NHẬN THÔNG TIN KHI SẢN PHẨM HẾT HÀNG
Khối gợi ý sản phẩm mua kèm
Liệt kê các sản phẩm mua kèm với sản phẩm đang xem.
Để thiết lập các sản phẩm mua kèm khác nhau cho từng sản phẩm. Vào Cấu hình/ Metafield/ Sản phẩm
Thêm Định nghĩa metafield đặt tên fbt_products. Chọn Kiểu Văn bản nhiều dòng
Vào sản phẩm cần thêm sản phẩm mua kèm. Chọn Metafield
Nhập danh sách các url của sản phẩm mua kèm vào Metafield fbt_products. Mỗi url cách nhau bằng dấu phẩy. hỗ trợ tối đa 4 sản phẩm
Tab thông tin sản phẩm
Nhập nội dung cho 2 tab Bảo quản và Giao hàng & đổi trả.
Để thiết lập nội dung tab khác nhau cho từng sản phẩm. Vào Cấu hình/ Metafield/ Sản phẩm
Thêm Định nghĩa metafield đặt tên product_tab_content_1 và product_tab_content_2 cho 2 tab khác nhau. Chọn Kiểu Văn bản nhiều dòng
Vào sản phẩm cần thêm nội dung. Chọn Metafield
Nhập nội dung vào product_tab_content_1 và product_tab_content_2.
Size chart
Tạo trang nội dung và thiết lập trong Trang sản phẩm/Size chart
Thay đổi nội dung theo mẫu bên dưới
{
"AoNam": {
"displayName": "Áo Nam",
"headers": ["Size", "Chiều Cao (cm)", "Cân Nặng (kg)", "Vòng Ngực (cm)", "Vòng Eo (cm)"],
"fields": [
{ "id": "height", "label": "Chiều cao (cm):", "placeholder": "Ví dụ: 170", "min": 150, "max": 220, "step": 1 },
{ "id": "weight", "label": "Cân nặng (kg):", "placeholder": "Ví dụ: 65.5", "min": 40, "max": 120, "step": 0.1 },
{ "id": "chest", "label": "Vòng ngực (cm):", "placeholder": "Ví dụ: 92", "min": 80, "max": 115, "isPrimary": true },
{ "id": "waist", "label": "Vòng eo (cm):", "placeholder": "Ví dụ: 78", "min": 65, "max": 105, "isPrimary": true }
],
"data": [
{ "size": "S", "minHeight": 160, "maxHeight": 168, "minWeight": 50, "maxWeight": 58, "minChest": 86, "maxChest": 90, "minWaist": 70, "maxWaist": 74 },
{ "size": "M", "minHeight": 168, "maxHeight": 175, "minWeight": 58, "maxWeight": 65, "minChest": 91, "maxChest": 95, "minWaist": 75, "maxWaist": 79 },
{ "size": "L", "minHeight": 175, "maxHeight": 180, "minWeight": 65, "maxWeight": 75, "minChest": 96, "maxChest": 100, "minWaist": 80, "maxWaist": 84 },
{ "size": "XL", "minHeight": 180, "maxHeight": 185, "minWeight": 75, "maxWeight": 85, "minChest": 101, "maxChest": 105, "minWaist": 85, "maxWaist": 89 },
{ "size": "XXL", "minHeight": 185, "maxHeight": 190, "minWeight": 85, "maxWeight": 95, "minChest": 106, "maxChest": 110, "minWaist": 90, "maxWaist": 94 }
],
"sizeOrder": ["S", "M", "L", "XL", "XXL"]
},
"QuanNam": {
"displayName": "Quần Nam",
"headers": ["Size", "Vòng Eo (cm)", "Vòng Hông (cm)", "Chiều Dài Quần (cm)"],
"fields": [
{ "id": "waist", "label": "Vòng eo (cm):", "placeholder": "Ví dụ: 78", "min": 65, "max": 105, "isPrimary": true },
{ "id": "hip", "label": "Vòng hông (cm):", "placeholder": "Ví dụ: 95", "min": 85, "max": 115, "isPrimary": true },
{ "id": "inseam", "label": "Chiều dài quần (cm):", "placeholder": "Ví dụ: 100", "min": 90, "max": 110 }
],
"data": [
{ "size": "28", "minWaist": 70, "maxWaist": 74, "minHip": 88, "maxHip": 92, "minInseam": 98, "maxInseam": 100 },
{ "size": "29", "minWaist": 74, "maxWaist": 78, "minHip": 92, "maxHip": 96, "minInseam": 99, "maxInseam": 101 },
{ "size": "30", "minWaist": 78, "maxWaist": 82, "minHip": 96, "maxHip": 100, "minInseam": 100, "maxInseam": 102 },
{ "size": "31", "minWaist": 82, "maxWaist": 86, "minHip": 100, "maxHip": 104, "minInseam": 101, "maxInseam": 103 },
{ "size": "32", "minWaist": 86, "maxWaist": 90, "minHip": 104, "maxHip": 108, "minInseam": 102, "maxInseam": 104 },
{ "size": "33", "minWaist": 90, "maxWaist": 94, "minHip": 108, "maxHip": 112, "minInseam": 103, "maxInseam": 105 },
{ "size": "34", "minWaist": 94, "maxWaist": 98, "minHip": 112, "maxHip": 116, "minInseam": 104, "maxInseam": 106 }
],
"sizeOrder": ["28", "29", "30", "31", "32", "33", "34"]
},
"AoNu": {
"displayName": "Áo Nữ",
"headers": ["Size", "Chiều Cao (cm)", "Cân Nặng (kg)", "Vòng Ngực (cm)", "Vòng Eo (cm)"],
"fields": [
{ "id": "height", "label": "Chiều cao (cm):", "placeholder": "Ví dụ: 160", "min": 145, "max": 180, "step": 1 },
{ "id": "weight", "label": "Cân nặng (kg):", "placeholder": "Ví dụ: 50", "min": 35, "max": 90, "step": 0.1 },
{ "id": "chest", "label": "Vòng ngực (cm):", "placeholder": "Ví dụ: 88", "min": 75, "max": 105, "isPrimary": true },
{ "id": "waist", "label": "Vòng eo (cm):", "placeholder": "Ví dụ: 65", "min": 55, "max": 95, "isPrimary": true }
],
"data": [
{ "size": "S", "minHeight": 150, "maxHeight": 158, "minWeight": 40, "maxWeight": 48, "minChest": 80, "maxChest": 84, "minWaist": 62, "maxWaist": 66 },
{ "size": "M", "minHeight": 158, "maxHeight": 165, "minWeight": 48, "maxWeight": 55, "minChest": 85, "maxChest": 89, "minWaist": 67, "maxWaist": 71 },
{ "size": "L", "minHeight": 165, "maxHeight": 172, "minWeight": 55, "maxWeight": 62, "minChest": 90, "maxChest": 94, "minWaist": 72, "maxWaist": 76 },
{ "size": "XL", "minHeight": 172, "maxHeight": 178, "minWeight": 62, "maxWeight": 70, "minChest": 95, "maxChest": 99, "minWaist": 77, "maxWaist": 81 }
],
"sizeOrder": ["S", "M", "L", "XL"]
},
"QuanNu": {
"displayName": "Quần Nữ",
"headers": ["Size", "Vòng Eo (cm)", "Vòng Hông (cm)", "Dài Quần (cm)"],
"fields": [
{ "id": "waist", "label": "Vòng eo (cm):", "placeholder": "Ví dụ: 68", "min": 55, "max": 95, "isPrimary": true },
{ "id": "hip", "label": "Vòng hông (cm):", "placeholder": "Ví dụ: 92", "min": 80, "max": 110, "isPrimary": true },
{ "id": "inseam", "label": "Chiều dài quần (cm):", "placeholder": "Ví dụ: 95", "min": 85, "max": 105 }
],
"data": [
{ "size": "26", "minWaist": 64, "maxWaist": 68, "minHip": 88, "maxHip": 92, "minInseam": 92, "maxInseam": 94 },
{ "size": "27", "minWaist": 68, "maxWaist": 72, "minHip": 92, "maxHip": 96, "minInseam": 93, "maxInseam": 95 },
{ "size": "28", "minWaist": 72, "maxWaist": 76, "minHip": 96, "maxHip": 100, "minInseam": 94, "maxInseam": 96 },
{ "size": "29", "minWaist": 76, "maxWaist": 80, "minHip": 100, "maxHip": 104, "minInseam": 95, "maxInseam": 97 }
],
"sizeOrder": ["26", "27", "28", "29", "30"]
},
"AoTreEm": {
"displayName": "Áo Trẻ Em",
"headers": ["Size", "Tuổi", "Chiều Cao (cm)", "Cân Nặng (kg)"],
"fields": [
{ "id": "age", "label": "Tuổi (năm):", "placeholder": "Ví dụ: 3", "min": 0.5, "max": 16, "step": 0.5 },
{ "id": "height", "label": "Chiều cao (cm):", "placeholder": "Ví dụ: 90", "min": 50, "max": 170 },
{ "id": "weight", "label": "Cân nặng (kg):", "placeholder": "Ví dụ: 12", "min": 3, "max": 60 }
],
"data": [
{ "size": "6M", "minAge": 0.5, "maxAge": 1, "minHeight": 60, "maxHeight": 73, "minWeight": 6, "maxWeight": 9 },
{ "size": "1Y", "minAge": 1, "maxAge": 2, "minHeight": 73, "maxHeight": 85, "minWeight": 9, "maxWeight": 12 },
{ "size": "2Y", "minAge": 2, "maxAge": 3, "minHeight": 85, "maxHeight": 95, "minWeight": 12, "maxWeight": 15 },
{ "size": "3Y", "minAge": 3, "maxAge": 4, "minHeight": 95, "maxHeight": 105, "minWeight": 15, "maxWeight": 18 },
{ "size": "4Y", "minAge": 4, "maxAge": 5, "minHeight": 105, "maxHeight": 115, "minWeight": 18, "maxWeight": 22 },
{ "size": "6Y", "minAge": 5, "maxAge": 7, "minHeight": 115, "maxHeight": 125, "minWeight": 22, "maxWeight": 28 },
{ "size": "8Y", "minAge": 7, "maxAge": 9, "minHeight": 125, "maxHeight": 135, "minWeight": 28, "maxWeight": 35 }
],
"sizeOrder": ["6M", "1Y", "2Y", "3Y", "4Y", "5Y", "6Y", "8Y", "10Y", "12Y", "14Y", "16Y"]
},
"QuanTreEm": {
"displayName": "Quần Trẻ Em",
"headers": ["Size", "Tuổi", "Chiều Cao (cm)", "Cân Nặng (kg)"],
"fields": [
{ "id": "age", "label": "Tuổi (năm):", "placeholder": "Ví dụ: 3", "min": 0.5, "max": 16, "step": 0.5 },
{ "id": "height", "label": "Chiều cao (cm):", "placeholder": "Ví dụ: 90", "min": 50, "max": 170 },
{ "id": "weight", "label": "Cân nặng (kg):", "placeholder": "Ví dụ: 12", "min": 3, "max": 60 }
],
"data": [
{ "size": "6M", "minAge": 0.5, "maxAge": 1, "minHeight": 60, "maxHeight": 73, "minWeight": 6, "maxWeight": 9 },
{ "size": "1Y", "minAge": 1, "maxAge": 2, "minHeight": 73, "maxHeight": 85, "minWeight": 9, "maxWeight": 12 },
{ "size": "2Y", "minAge": 2, "maxAge": 3, "minHeight": 85, "maxHeight": 95, "minWeight": 12, "maxWeight": 15 },
{ "size": "3Y", "minAge": 3, "maxAge": 4, "minHeight": 95, "maxHeight": 105, "minWeight": 15, "maxWeight": 18 }
],
"sizeOrder": ["6M", "1Y", "2Y", "3Y", "4Y", "5Y", "6Y", "8Y", "10Y", "12Y", "14Y", "16Y"]
},
"Default": {
"displayName": "Chung (Người lớn)",
"headers": ["Size", "Chiều Cao (cm)", "Cân Nặng (kg)"],
"fields": [
{ "id": "height", "label": "Chiều cao (cm):", "placeholder": "Ví dụ: 170", "min": 150, "max": 220, "step": 1 },
{ "id": "weight", "label": "Cân nặng (kg):", "placeholder": "Ví dụ: 65.5", "min": 40, "max": 120, "step": 0.1 }
],
"data": [
{ "size": "S", "minHeight": 150, "maxHeight": 160, "minWeight": 40, "maxWeight": 50 },
{ "size": "M", "minHeight": 160, "maxHeight": 170, "minWeight": 50, "maxWeight": 60 },
{ "size": "L", "minHeight": 170, "maxHeight": 180, "minWeight": 60, "maxWeight": 70 }
],
"sizeOrder": ["S", "M", "L", "XL"]
}
}
Trang Blog
Vào Thiết lập giao diện > Trang Blog, bạn có thể thay đổi
- Số lượng tin hiển thị trên 1 trang
- Thiết lập Banner đầu trang
- Tắt mở tính năng chia sẻ bài viết
Trang Liên hệ
Vào Thiết lập giao diện > Trang liên hệ, bạn có thể thay đổi
- Thông tin địa chỉ, số điện thoại email được lấy từ phần thiết lập chung
- Thay đổi tiêu đề, nội dung mô tả
- Thiết lập bản đồ
Trang Hệ thống cửa hàng
Vào Thiết lập giao diện > Trang Hệ thống cửa hàng, bạn có thể thay đổi
- Tạo 1 trang nội dung và chọn khung giao diện là page.he-thong-cua-hang
- Thay đổi iframe mặc định thành iframe bản đồ của cửa hàng
- Cấu hình danh sách cửa hàng
- Chọn trang Danh sách cửa hàng. Là trang nội dung vừa tạo
- Copy Danh sách cửa hàng mẫu và sửa lại nội dung theo cửa hàng.
{name:"Wolf Calie Sài Gòn", address: "Tầng 3, 70 Lữ Gia, Phường 15, Quận 11, Thành phố Hồ Chí Minh",city: "Hồ Chí Minh",district: "Quận 11",ward: "Phường 15", phone:"1900 6750", url: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.518261716127!2d106.65095971411642!3d10.771561562230547!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752f4964c382dd%3A0xb61978d7651a271f!2zUGjhuqduIG3hu4FtIHF14bqjbiBsw70gYsOhbiBow6BuZyBTYXBvIC0gSOG7kyBDaMOtIE1pbmg!5e0!3m2!1svi!2s!4v1649778540165!5m2!1svi!2s", latitude: 10.7706198, longitude: 106.6548575},
{name:"Wolf Calie Hà nội", address: "Tầng 6, Tòa Ladeco, 265 Đội Cấn, Quận Ba Đình, TP Hà Nội",city: "Hà Nội",district: "Quận Ba Đình",ward: "Phường Liễu Giai", phone:"1900 6750", url: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3723.9286789857374!2d105.81375162944714!3d21.03553954813997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ab0d6ed39421%3A0xf5527993cb53ced4!2zMjY1IMSQ4buZaSBD4bqlbiwgTGnhu4V1IEdpYWksIEJhIMSQw6xuaCwgSMOgIE7hu5lpLCBWaeG7h3QgTmFt!5e0!3m2!1svi!2sus!4v1680470551050!5m2!1svi!2sus", latitude: 21.0364155, longitude: 105.8170309},
{name:"Wolf Calie Đà Nẵng", address: "Số 83 Đường Xô Viết Nghệ Tĩnh, Phường Khuê Trung - Quận Cẩm Lệ - TP Đà Nẵng",city: "Đà Nẵng",district: "Quận Cẩm Lệ",ward: "Phường Khuê Trung", phone:"1900 6750", url: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d958.6622551890493!2d108.21444222921468!3d16.031776088254038!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x314219ed468583bd%3A0x683a71dd962f0b30!2zODMgWMO0IFZp4bq_dCBOZ2jhu4cgVMSpbmgsIEhvw6AgQ8aw4budbmcgTmFtLCBD4bqpbSBM4buHLCDEkMOgIE7hurVuZywgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2sus!4v1680470203016!5m2!1svi!2sus", latitude: 16.0317841, longitude: 108.2124134},
{name:"Wolf Calie Huế", address: "480 Lê Duẩn, Phường Tây Lộc, TP. Huế",city: "Huế",district: "TP. Huế",ward: "Phường Tây Lộc", phone:"1900 6750", url: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3723.9286789857374!2d105.81375162944714!3d21.03553954813997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ab0d6ed39421%3A0xf5527993cb53ced4!2zMjY1IMSQ4buZaSBD4bqlbiwgTGnhu4V1IEdpYWksIEJhIMSQw6xuaCwgSMOgIE7hu5lpLCBWaeG7h3QgTmFt!5e0!3m2!1svi!2sus!4v1680470551050!5m2!1svi!2sus", latitude: 16.4731375, longitude: 107.5610595},
{name:"Wolf Calie Bến Tre", address: "910/1 Võ Nguyên Giáp, Ấp 1, Xã Sơn đông, TP.Bến Tre, Tỉnh Bến Tre",city: "Bến Tre",district: "TP.Bến Tre",ward: "Xã Sơn đông", phone:"1900 6750", url: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3926.1333843715915!2d106.35564971533253!3d10.250824671476527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x310aa934bc1f275b%3A0x89d85cb05018dc1!2zVsSDbiBwaMOybmcgTU9CIC0gQuG6v24gVHJl!5e0!3m2!1svi!2sus!4v1680470755571!5m2!1svi!2sus", latitude: 10.2509562, longitude: 106.355388},
{name:"Wolf Calie Đồng Nai", address: "118 / 4 kp 12, phường Hố Nai, thành phố Biên Hòa, tỉnh Đồng Nai",city: "Đồng Nai",district: "Thành phố Biên Hòa",ward: "Phường Hố Nai", phone:"1900 6750", url: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3916.9704981604714!2d106.88168951533481!3d10.965599358670561!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3174ddc369eb5549%3A0xb9d6be48c0708120!2zMTE4IEtodSBQaOG7kSAxMiwgSOG7kSBOYWksIFRow6BuaCBwaOG7kSBCacOqbiBIw7JhLCDEkOG7k25nIE5haSwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2sus!4v1680471031980!5m2!1svi!2sus", latitude: 10.9543474, longitude: 106.8257616},
{name:"Wolf Calie Cần Thơ", address: "Số 164, Đường Tú Xương, KDC Hồng Phát, phường An Bình, Ninh Kiều, Cần Thơ",city: "Cần Thơ",district: "Ninh Kiều",ward: "Phường An Bình", phone:"1900 6750", url: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7857.915762925734!2d105.73843682643769!3d10.020334486548327!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31a089df2f03ecc7%3A0x163f861e9a8fbff0!2zS2h1IGTDom4gY8awIEjhu5NuZyBQaMOhdA!5e0!3m2!1svi!2sus!4v1680471294037!5m2!1svi!2sus", latitude: 10.0221863, longitude: 105.7393048}
Toạ độ latitude và longitude. Gõ địa chỉ trên Google maps để lấy.
Thiết lập các module trang Lookbook
Tạo 1 danh mục sản phẩm. Chọn khung giao diện collection.lookbook
Chúng tôi cung cấp 6 module shortcode khác nhau. Bạn có thể sắp xép tuỳ ý.
1. Module hình ảnh full màn hình.
Gồm hình ảnh cho desktop và mobile
Copy mã Shortcode và thay liên kết hình ảnh
[lookbookimg title="Thẻ ALT của ảnh" image="Liên kết Ảnh Desktop" imagemb="Liên kết Ảnh Mobile"]
2. Module chữ bên trái và 2 hình ảnh bên phải
Copy mã Shortcode và thay nội dung và hình ảnh
[lookbooktextimg content="Nội dung" image1="Hình ảnh 1" alt1="Thẻ ALT Hình ảnh 1" image2="Hình ảnh 2" alt2="Thẻ ALT Hình ảnh 2"]
3. Module 4 hình ảnh
Copy mã Shortcode và thay nội dung và hình ảnh
[lookbooklistimg listimage1="Hình ảnh 1" listalt1="Thẻ ALT Hình ảnh 1" listimage2="Hình ảnh 2" listalt2="Thẻ ALT Hình ảnh 2" listimage3="Hình ảnh 3" listalt3="Thẻ ALT Hình ảnh 3" listimage4="Hình ảnh 4" listalt4="Thẻ ALT Hình ảnh 4"]
4. Module Nội dung và Video
Copy mã Shortcode và thay nội dung và hình ảnh
[lookbookvideo videotitle1="Tiêu đề 1" videotitle2="Tiêu đề 2" videocontent="Nội dung mô tả" videolink="Link Video định dạng MP4"]
5. Module Nội dung bên phải và 2 hình ảnh
Copy mã Shortcode và thay nội dung và hình ảnh
[lookbooktextimgleft leftcontent="Nội dung mô tả" leftimage1="Hình ảnh 1" leftalt1="Thẻ ALT Hình ảnh 1" leftimage2="Hình ảnh 2" leftalt2="Thẻ ALT Hình ảnh 2"]
6. Module Nội dung trên và 3 hình ảnh
Copy mã Shortcode và thay nội dung và hình ảnh
[lookbookcontentimg lbcicontent="Nội dung mô tả" lbciimage1="Hình ảnh 1" lbcialt1="Thẻ ALT Hình ảnh 1" lbciimage2="Hình ảnh 2" lbcialt2="Thẻ ALT Hình ảnh 2" lbciimage3="Hình ảnh 3" lbcialt3="Thẻ Hình ảnh 3"]
7. Module Về chúng tôi trang giới thiệu
Copy mã Shortcode và thay nội dung và hình ảnh
[aboutintro abouttitle1="Tiêu đề 1" abouttitle2="Tiêu đề 2" aboutcontent1="Nội dung 1" aboutcontent2="Nội dung 2"]
8. Module Câu chuyện thương hiệu trang giới thiệu
Copy mã Shortcode và thay nội dung và hình ảnh
[aboutintroduce aboutintro1="Tiêu đề 1" aboutintro2="Tiêu đề 2" aboutintrocontent="Nội dung" aboutintroimg="Hình ảnh"]
9. Module Giá trị cốt lõi trang giới thiệu
Copy mã Shortcode và thay nội dung và hình ảnh
[aboutquality aboutqua1="Tiêu đề 1" aboutqua2="Tiêu đề 2" aboutquacontent="Nội dung" aboutquaimg="Hình ảnh"]
Các giao diện khác
Tham khảo các giao diện khác của chúng tôi