Hướng dẫn sử dụng giao diện MewMall

Hướng dẫn sử dụng giao diện MewMall

Mở đầu


Sau khi cài đặt theme mới lên cửa hàng, bạn bấm vào THIẾT LẬP GIAO DIỆN để tùy chỉnh theme.

Có thể click vào phần mũi tên đỏ như ảnh bên dưới:

 

Tổng quan thiết lập:

1. Thiết lập chung


  • Up ảnh đại diện website (favicon). (Kích thước tiêu chuẩn là bội số của 48 - tối thiểu 48x48px)
  • Ảnh khi hover vào bài viết
  • Các màu chủ đạo và cơ bản xuyên suốt giao diện

Thiếp lập chung

2. Hộp chat, hotline


MewTheme luôn để sẵn module liên kết chat mesenger và Zalo cùng hotline chạy theo trang.

 

 

3. Đầu trang - Logo


  • Logo
  • Logo khi chia sẻ mạng xã hội (Kich thước chuẩn: 1200x630px)
  • Menu Chính
  • Menu mobile (Các icon đại diện)
  • Mega menu (PC) (Tại menu chính, bạn cần hiển thị mega menu hãy điền tên vào ô nhập như ảnh - chữ thường - có thể nhập nhiều mega menu bằng cách sử dụng dấu ",")

Thiết lập đầu trang và logo

 

4. Chân trang


  • Tại đây sẽ có thiết lập thông tin cơ bản website
  • Các menu link đa dạng tùy biến theo menu của chủ shop.
  • Icon liên kết mạng xã hội
  • Icon liên kết sàn thương mại
  • Đánh giá tiêu biểu của khách hàng
  • Bản quyền thương hiệu.

Chân trang

 

5. Slide Show và tin khuyến mãi


  • Mew Mall được trang bị sẵn 5 slide có thể bật tắt tùy ý cho các bạn hiển thị (Kích thước tiêu chuẩn: 1920x768px)
  • Bên cạnh khối slideshow là khối tin tức khuyến mãi, giúp khách hàng nắm bắt và cập nhật những thông tin về chương trình khuyến mãi mới nhất từ cửa hàng

Slide Show và tin khuyến mãi

 

6. Trang chủ - Danh mục nổi bật


Hiển thị các danh mục nổi bật theo nhóm và ảnh đại diện của danh mục, giúp khách hàng điều hướng nhanh sang danh mục mong muốn, giúp cửa hàng hiển thị nhanh những danh mục quan trọng, phù hợp với chiến dịch marketing bán hàng

Trang chủ - Danh mục nổi bật

 

7. Trang chủ - Banner/Hình ảnh quảng cáo

Mew mall cung cấp 02 module ảnh quảng cáo, 01 module hiển thị 04 banner và 01 module hiển thị 03 banner, mỗi module đều có tuỳ chọn ẩn/ hiện tuỳ với nhu cầu sử dụng của khách hàng


Trang chủ - Banner/Hình ảnh quảng cáo

8. Trang chủ - Bộ sưu tập


Hiển thị các danh mục nổi bật theo nhóm và ảnh đại diện của danh mục, giúp khách hàng điều hướng nhanh sang danh mục mong muốn, giúp cửa hàng hiển thị nhanh những danh mục quan trọng, phù hợp với chiến dịch marketing bán hàng

 Trang chủ - Bộ sưu tập

9. Trang chủ - Sản phẩm Flash Sale - Đếm ngược


Module sản phẩm hiển thị dạng list cùng 1 đồng hồ đếm ngược có thể kết hợp để làm module Flash Sale

Phần thời gian cho đồng hồ đếm ngược sẽ điền theo cú pháp: Tháng/Ngày/Năm <Dấu cách> Giờ:Phút. Ví dụ: 07/24/2021 23:33 (Như hình minh họa)

 

Module trang bị thêm phần báo cháy hàng sinh động kích thích KH dễ tiếp cận với sản phẩm cần mua

Tại đây chúng ta sử dụng cú pháp tag trên mỗi sản phẩm theo: sl_(Số lượng sản phẩm chiến dịch) đồng thời set tồn kho là số sản phẩm còn lại có thể bán như hình dưới.
Ví dụ: sl_20


Trang chủ - Sản phẩm Flash Sale - Đếm ngược

 

10. Trang chủ - Sản phẩm 2, Sản phẩm 3, Sản phẩm 4


03 module sản phẩm tương tự nhau, giúp cửa hành hiển thị được các sản phẩm của danh mục mong muốn, mỗi module sản phẩm đều có thiết lập ẩn/ hiện để cửa hàng có thể tuỳ chọn hiển thị phù hợp với nhu cầu

Trang chủ - Sản phẩm 2, Sản phẩm 3, Sản phẩm 4
 

11. Trang chủ - Video - Thiết lập tác giả bài viết


Thiết lập đơn giản với việc nhập tiêu đề và chọn danh mục tin cần hiển thị.

Trang chủ - Video - Review sản phẩm

  • Đối với bài viết muốn hiển thị popup video, hãy điền tag theo cú pháp sau: video_[mã id video youtube] ví dụ: video_mpKErxO0LHo
  • Đối với tác giả, hãy điền tag theo cú pháp author_[Tên tác giả] ví dụ author_Nguyễn Hà Trang với phần [Tên tác giả] là tiêu đề của trang nội dung tương ứng, để hiển thị thêm thông tin về tác giả của bài viết
  • Ảnh đại diện tác gải up trong mục quản lý file với tên ảnh theo cú pháp. (Tên tác giả không dấu thay dấu cách bằng "-").jpg.
    VD: nguyen-ha-trang.jpg
  • Lưu ý: không tạo các danh mục/ trang nội dung với tiêu đề trùng nhau để code của theme hoạt động một cách chính xác nhất

12. Trang chủ - Quảng cáo/Thương hiệu


Trang chủ - Thương hiệu

Module bao gồm 02 phần:

  • 01 khối module slide ảnh quảng cáo/ banner
  • 01 khối danh sách các thương hiệu

13. Trang danh mục sản phẩm


  • Thiết lập bộ lọc sản phẩm chi tiết giúp KH dễ dàng lựa ra các sản phẩm phù hợp nhất. Chi tiết hướng dẫn sử dụng bộ lọc rõ ràng nhất các bạn truy cập tại đây.
  • Thiết lập số sản phẩm trên 1 trang
  • Thiết lập chọn menu list cho trang tất cả sản phẩm. Với các trang danh mục cụ thể sẽ tự động lấy menu con của danh mục

Trang danh mục sản phẩm

14. Trang chi tiết sản phẩm


Tính năng nổi bật Hiển thị list ảnh theo phiên bản màu sắc

  • Bước 1: Tích chọn "Dùng ảnh theo màu sắc"
  • Bước 2: Tại alt của ảnh đại diện sẽ nhập alt bằng chính xác tên thuộc tính màu tương ứng.

Tính năng "Biến thể màu theo file" - Tính năng nấng cấp này giúp KH không bị hạn chế việc thiết lập màu như các giao diện khác

  • Bước 1: Chọn "Dùng biến thể màu"
  • Bước 2: Bạn tạo 1 file .txt với nội dung bên trong file : Tên màu, Mã màu như ảnh minh họa.
    Demo file mã màu
  • Bước 3: Tải file txt đã tạo vào quản lý file tại SapoWeb của bạn - Copy đường dẫn như ảnh minh họa

Upload file màu

  • Bước 4: Paste đường dẫn vào ô thiết lập giao diện như ảnh:

Nhập đường dẫn

  • Bước 5: Nhập alt ảnh với mã màu tương ứng với quản trị và file màu vừa được tải lên

Ngoài ra tại trang chi tiết sản phẩm còn cho phép thiết lập các mục như sau:

  • Khối chính sách dịch vụ
  • Khối hỗ trợ - hotline mua hàng
  • Khối sản phẩm liên quan

Thiết lập trang chi tiết sản phẩm

15. Mã khuyến mãi


Cung cấp thiết lập các mã khuyến mãi phục vụ cho các chương trình khuyến mãi của cửa hàng, phần code khuyến mãi sẽ hiển thị tại trang chi tiết sản phẩm và trang giỏ hàng

Mã khuyến mãi

 

16. Trang bài viết/danh mục bài viết


Thiết lập đơn giản gọn gàng như ảnh minh họa.

Trang bài viết/danh mục bài viết

17. Trang liên hệ


Các lựa chọn cho việc sử dụng nội dung hiển thị linh hoạt.

Trang liên hệ

18. Trang hệ thống trung tâm


Với hệ thống trung tâm sử dụng API Google Maps như 1 đặc thù của MewTheme bạn có thể xem:
Hướng dẫn dùng bản đồ dữ liệu trên google sheet tại đây
- Hướng dẫn chi tiết tạo API Maps và dữ liệu bản đồ trên google sheet(Trang tính) tại đây.

MewTheme cám ơn khi bạn đã quan tâm và sử dụng giao diện MewMall. Chúc các bạn dễ dàng quản trị website 1 cách nhanh chóng.
Bạn có thể gửi các câu hỏi, thác mắc tại:

- Fanpage: MewTheme

- Hòm thư Gmail: mewtheme@gmail.com

18. Sản phẩm Demo tính năng:
- Tính năng mua nhiều thuộc tính cùng lúc. https://mew-mall.mysapo.net/khay-de-go-thong-minh

- Hiển thị thông số nội dung riêng chi tiết sản phẩm. https://mew-mall.mysapo.net/thit-ba-chi-bo-cat-lat-new-zealand-kiaora-475g

- Hiển thị mục lục bài tin, tác giả bài tin, sản phẩm gọi ý trong bài tin. https://mew-mall.mysapo.net/apple-watch-va-fitbit-lua-chon-thuong-hieu-dong-ho-thong-minh-nao

- Hiển thị sản phẩm chứa video: https://mew-mall.mysapo.net/loa-bluetooth-jbl-go-3-xanh-blue-jblgo3blu

Mua MewMall tại đây:
https://themes.sapo.vn/mew-mall

Bài viết liên quan:

Bản quyền thuộc về MewTheme. Cung cấp bởi Sapo.
Lên đầu trang
MewTheme MewTheme MewTheme
Trang chủ Danh mục Liên hệ Dịch vụ Giỏ hàng