Hướng dẫn sử dụng Mew Mobile

Hướng dẫn sử dụng Mew Mobile

MewMobile giao diện đầu tiên đc sử dụng tính năng so sánh sản phẩm đặc biệt.

Với tính năng này chủ shop chỉ cần làm thông số kĩ thuật đơn giản, MewMobile sẽ tự động ghép từ khóa chính của thống số kĩ thuật để so sánh trực tiếp với nhau.
- Mang lại trải nghiệm tốt nhất với người mua hàng

- Chủ shop cũng dễ thao tác hơn so với với các loại giao diện có tính năng so sánh thông thường

Chi tiết hướng dẫn setup tính năng so sánh tại đây.


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 gồm các mục như sau

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) (1)
  • Ả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 (2)
  • Bật/ tắt tính năng hiển thị thanh menu ngang ở màn hình mobile (3)
  • Chọn số dòng tiêu đề hiển thị ở item sản phẩm (4)
  • Thông tin liên hệ hotline, fanpage, zalo (5)

2. Gợi ý tìm kiếm


  • Bật/tắt tính năng tìm kiếm nhanh kết quả
  • Thay đổi text của phần gợi ý tìm kiếm
  • Thay đổi số lượng kết quả hiển thị, số kết quả tìm kiếm phù hợp với từ khoá, vì lý do kỹ thuật cũng như tránh ảnh hưởng đến quá trình trải nghiệm mua hàng của quý khách, chúng tôi đề nghị không nên hiển thị quá nhiều số lượng kết quả tìm kiếm

  • Update mới: Trang kết quả tìm kiếm cho hiển thị cả 3 loại tìm kiếm

3. Thiết lập màu sắc thông báo


  • Thay đổi màu chữ và màu nền đối với các thông báo dạng như hình, gồm 4 loại: Thành công, lỗi, cảnh báo và hệ thống
  • Mặc định theme sẽ để sẵn một số màu phù hợp với từng loại thông báo, quý khách có thể thay đổi màu sắc cho phù hợp với màu chủ đạo của cửa hàng hoặc theo sở thích cá nhân

Thiết lập màu sắc thông báo

4. Thiết lập tiêu đề, mobi bar và breadcrumb


  • Cho phép thay đổi nội dung của các mục tiêu đề trang (title) và tiêu đề của breadcrumb, phù hợp với KH muốn tự thay đổi sang ngôn ngữ khác

Thiết lập tiêu đề, mobi bar và breadcrumb

5. Thiết lập tiêu đề thông báo


  • Quản lý các nội dung thông báo của giỏ hàng/ thôn báo tồn kho của sản phẩm, sắp xếp sản phẩm, xem thêm thu gọn
  • Được nhóm thành các mục để khách hàng có thể tự thay đổi text theo mong muốn mà không cần can thiệp vào code

Thiết lập tiêu đề thông báo

6. Thiết lập Label tag


  • Mewtheme thiết lập 5 cú pháp tag label (label1, label2...label5) tương ứng với hiển thị icon và nội dung hiển thị tương ứng.

7. Đầu trang và logo


  • Quản lý và thiết lập các mục liên quan đến phần đầu trang/ logo cũng như quản lý tuỳ chọn menu của bản PC và Mobile
  • Thiết lập logo đầu trang cho PC
  • Thiết lập logo cho bản mobile
  • Thiết lập logo chia sẻ lên các mạng xã hội như Facebook Zalo...
  • Thiết lập menu chính và hiển thị mega menu
  • Thiết lập menu mobile và các icon đại diện các danh mục cấp 1 của menu

 

8. Chân trang


  • Quản lý và thiết lập các mục liên quan đến phần chân trang
  • Thiết lập thông tin liên hệ
  • Cột chính sách
  • Kết nối mạng xã hôi, các phương thức thanh toán
  • Menu link tổng hợp chân trang
  • Thiết lập nội dung bản quyền

8. Slideshow/ Chính sách


  • Quản lý và thiết lập các mục slideshow và chính sách bên dưới slide
  • Thay đổi hình ảnh, liên kết và alt của banner chính
  • Bật/tắt hiển thị slide, liên kết và alt của từng slide, hiển thị tối đa 05 slide
  • Bật/tắt hiển thị các chính sách/ dịch vụ của cửa hàng, chô phép thay đổi icon và nội dung ngắn gọn của từng chính sách, hiển thị tối đa 04 chính sách

9. Danh mục nổi bật


  • Hiển thị danh sách các danh mục nổi bật của cửa hàng
  • Cho phép bật/tắt hiển thị module thay đổi tiêu đề module, các nội dung liên quan
  • Quý khách có thể tuỳ chọn thay đổi thông qua việc tạo menu mẫu như hình dưới
  • Hình ảnh hiển thị ở mỗi mục sẽ là ảnh đại diện của danh mục cấp tương ứng, để đảm bảo hiển thị đẹp, quý khách nên lựa chọn hình ảnh không có nền, định dạng png để đảm bảo hiển thị giống theme

Danh mục nổi bật

10. Top trending


  • Hiển thị các danh mục hot theo lựa chọn của cửa hàng, hiển thị tối đa 04 danh mục sản phẩm
  • Tuỳ chỉnh màu nền, tiêu đề
  • Các danh mục này có thể điều chỉnh thông qua menu danh mục tương ứung, quý khách có thể tự tạo và thêm danh mục sản phẩm mong muốn và chọn tại thiết lập giao diện để hiển thị

Top trending

11. Sản phẩm 01 - Flashsale


  • Hiển thị các sản phẩm đang trong chương trình flashsale
  • Với thời gian đếm ngược, quý khách vui lòng nhập theo cú pháp 10/15/2022 23:33 Tháng/ngày/năm giờ:phút như ảnh thì thời gian đếm ngược sẽ kết thúc vào 23 giờ 33 phút ngày 15/10 năm 2022, nếu không muốn hiển thị quý khách vui lòng để trống phần thiết lập này
  • Cho phép thay đổi màu nền, màu tiêu đề, icon, tiêu đề và các thông tin khuyến mãi thêm

12. Sản phẩm 2 - Tab sản phẩm


  • Hiển thị danh sách sản phẩm dạng tab
  • Khách hàng thiết lập thông qua menu danh mục sản phẩm tương ứng và chọn tại thiết lập giao diện để hiển thị, có thể điều chỉnh số sản phẩm hiển thị tối đa trên 1 tab, nhưng do hạn chế từ phía hệ thống, con số này nên < 24
  • Icon trên tiêu đề của các danh mục là ảnh đại diện danh mục, trong trường hợp danh mục không có ảnh đại diện thì sẽ hiển thị favicon thay thế

13. Sản phẩm 03


  • Thay đổi tiêu đề module
  • Thay đổi hình ảnh 02 banner
  • Thay đổi danh mục sản phẩm, số lượng sản phẩm hiển thị
  • Thay đổi danh sách các danh mục sản phẩm con

Sản phẩm 03

14. Sản phẩm 04


  • Quản trị tương tự như module Sản phẩm 03

15. Sản phẩm 05


  • Quản trị tương tự như module Sản phẩm 03

16. Video/Blog review


  • Thay đổi tiêu đề module
  • Thay đổi danh mục tin tức
  • Để hiển thị icon play, click vào icon sẽ hiển thị popup video, quý khách nhập tag theo cú pháp " video_Rd1HkzReshw" với "Rd1HkzReshw" là id của video youtube, ID video youtube sẽ nằm sau phần "v=" trên url video và trước dấu ? Chi tiết có thể tham khảo tại đây
  • Hiện tại theme chỉ hỗ trợ cho video youtube, chưa hỗ trợ video từ các nền tảng khác

Video/Blog review

17. Tin tức


  • Thay đổi tiêu đề module
  • Thay đổi danh mục tin tức
  • Thay đổi text xem thêm

Tin tức

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


  • (1) Thay đổi số sản phẩm trên trang, hiển thị mua ngay nếu phiên bản khả dụng
  • (2) Hiển thị banner quảng cáo, thay đổi liên kết, hình ảnh, chú thích, cho phép hiển thị tối đa 03 ảnh quảng cáo
  • (3) Bật/tắt hiển thị danh mục liên kết ở sidebar, cho phép thay đổi tiêu đề và menu hiển thị
  • (4) Bật/tắt hiển thị mục tin tức ở sidebar, cho phép thay đổi tiêu đề và thay đổi danh mục tin tức hiển thị
  • (5) Bật/tắt hiển thị bộ lọc sản phẩm, cấu hình cho từng bộ lọc, chi tiết ở mục số 20
  • (6) Thiết lập ngôn ngữ cho bộ lọc
  • (7) Thiết lập ngôn ngữ cho lọc khoảng giá và loại lọc giá, bật/tắt
  • (8) Thiết lập bật/tắt và thiết lập ngôn ngữ

20. Bộ lọc sản phẩm


  • Thiết lập text cho bộ lọc, thay đổi tiêu đề, mô tả và một số trường liên quan, quý khách có thể điều chỉnh cho phù hợp với nhu cầu sử dụng của cửa hàng, hoặc có thể thay đổi ngôn ngữ nếu không muốn sử dụng tiếng Việt

Thiết lập bộ lọc

  • Bộ lọc giá Mewtheme cung cấp 02 loại hiển thị
    • Lọc theo khoảng giá tuỳ chọn, quý khách nhập khoảng giá mong muốn và bấm áp dụng để lọc, với kiểu hiển thị này Mewtheme cung cấp bước giá mặc định cho giá tối đa, ví dụ như hình. Khách hàng nhập 20.000đ tại mục giá tối thiểu, thì ở giá tối đa sẽ tự động hiển thị giá tối thiểu + bước giá mặc định, 20.000đ + 10.000đ = 30.000đ, quý khách có thể thao tác thay đổi giá tối đa để phù hợp với khoảng giá mong muốn
    • Lọc theo khoảng giá có sẵn, các khoảng giá sẽ được phân chia theo thứ tự từ thiết lập giao diện

Lọc giá

  • Hãng sản xuất và loại, phần lọc này sẽ được tự động theo hệ thống, quý khách chỉ cần nhập hãng và loại ở quản trị sản phẩm

Hãng sản xuất, loại sản phẩm

  • Ngoài ra chúng tôi còn cung cấp bộ lọc theo danh mục, chi tiết có thể xem hướng dẫn tại đây mục 03

21. Chi tiết sản phẩm


  • Thiết lập/ quản lý các module có trên layout chi tiết sản phẩm
  • Thay đổi tiêu đề số lượng

Thay đổi tiêu đề số lượng

  • Để hiển thị icon youtube, click vào icon sẽ hiển thị popup video, quý khách nhập tag theo cú pháp "video_u5JbM-X07oY" với "u5JbM-X07oY" là id của video youtube, ID video youtube sẽ nằm sau phần "v=" trên url video và trước dấu ? Chi tiết có thể tham khảo tại đây

  • Các tính năng nâng cao

Thiết lập nâng cao

  • Dùng đánh giá, trong trường hợp quý khách cài app "Đánh giá sản phẩm" từ kho app của Sapo, vui lòng tick chọn mục này
  • Dùng biến thể màu, khi sử dụng tính năng này, các tuỳ chọn sẽ được hiển thị dưới dạng checkbox thay vì dropdown
  • Dùng ảnh theo phiên bản, khi sử dụng tính năng này quý khác làm theo hướng dẫn:
    • 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.
  • Không cho phép chọn phiên bản không khả dụng/ hết hàng. Khi sử dụng tính năng này, các tuỳ chọn không có sẵn, hoặc hết hàng sẽ có dấu gạch chéo và không chọn được, áp dụng với sản phẩm có nhiều hơn 02 thuộc tính trở lên
  • Tính năng hiển thị màu sắc phiên bản theo file, để sử dụng quý khách làm theo hướng dẫn:
    • 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.
    • Mãu 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
    • Tải file và lấy đường dẫn
    • Bước 4: Paste đường dẫn vào ô thiết lập "Đường dẫn file":
    • 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
  • Tính năng hỗ trợ mua hàng và gắn link shopee
    • Với hỗ trợ mua hàng, quý khách có thể thay đổi số điện thoại, nội dung liên hệ theo mong muốn của quý khách, lưu ý giữ nguyên phần [hotline] trong nội dung để hệ thống có thể tự động thay thế bằng số điện thoại nhập ở thiết lập tương ứng

  • Để hiển thị liên kết sản phẩm đến với Shopee quý khách nhập tag của sản phẩm theo cú pháp shopee_https://shopee.vn/ với shopee_ là bắt buộc và https://shopee.vn/ là liên kết rút gọn của sản phẩm tại sàn Shopee, vì hệ thống web Sapo giới hạn độ dài của tag nên chúng tôi khuyến khích quý khách sử dụng link rút gọn để đảm bảo độ dài tag không vượt quá hạn mức hệ thống cho phép

Shopee

  • Thay đổi tiêu đề mô tả sản phẩm/ hiển thị sản sản liên quan

Thiết lập khác

  • Ngoài ra để hiển thị được phần thông số kỹ thuật để sử dụng tính năng so sánh, quý khách vui lòng làm theo hướng dẫn tại đây

22. Mã khuyến mãi


  • Thiết lập/quản lý các mã giảm giá tại trang chi tiết sản phẩm và giỏ hàng
  • Mỗi mã khuyến mãi sẽ gồm mã, mô tả, nút sao chép mã nhanh
  • Hiển thị được tối đa 06 mã
  • Quý khách vui lòng tạo mã tại mục "Khuyến mãi" trong quản trị

Mã khuyến mãi

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


    • Thiết lập/quản lý cho layout trang danh mục bài viết
    • Thay đổi tiêu đề một số thông báo, bình luận... quý khách có thể thay đổi theo mong muốn hoặc sử dụng khi ngôn ngữ mong muốn không phải là tiếng Việt
    • Phần hiển thị tác giả cho bài viết các bạn có thể tham khảo tại đây
      Trong mục 11. Trang chủ - Video - Thiết lập tác giả bài viết

     

    23. Trang liên hệ


    • Hiển thị thông tin liên hệ của cửa hàng và bản đồ đường đi
    • Với nhiều tuỳ chọn hiển thị nội dung quý khách có thể lựa chọn cách quản trị phù hợp với nhu cầu
    • Cung cấp thiết lập thay đổi tiêu đề cho quý khách, dễ dàng điều chỉnh tiêu đề cho phù hợp hoặc thay đổi sang ngôn ngữ khác mà không can thiệp nhiều vào code

    Trang liên hệ

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


    • Hiển thị thông tin/ số liệu về cửa hàng, đối tác...

    • Ngoài ra layout này còn hiển thị hệ thống cửa hàng và bản đồ chỉ đường, với 2 tuỳ chọn:
      • Dùng sheet. Hướng dẫn tại đây
      • Không sử dụng sheet. Quý khách hãy nhập danh sách địa chỉ tại Cấu hình -> Địa chỉ cửa hàng

    25. Trang kết quả tìm kiến, Trang 404, Trang đăng ký đăng nhập & Trang Khách hàng/ Danh sách đơn hàng/ Chi tiết đơn hàng


    • Cung cấp các thiết lập thay đổi tiêu đề, thông báo để quý khách có thể thay đổi cho phù hợp với mong muốn hoặc đổi ngôn ngữ mà không cần can thiệp vào code

    Trang kết quả tìm kiến, Trang 404, Trang đăng ký đăng nhập & Trang Khách hàng/ Danh sách đơn hàng/ Chi tiết đơn hàng

     

    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 - Phát triển giao diện, thiết kế Website chuyên nghiệp trên nền tảng SapoWeb MewTheme - Phát triển giao diện, thiết kế Website chuyên nghiệp trên nền tảng SapoWeb MewTheme - Phát triển giao diện, thiết kế Website chuyên nghiệp trên nền tảng SapoWeb
    Trang chủ Danh mục Liên hệ Dịch vụ Giỏ hàng