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

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

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:

Thiết lập giao diện

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)
  • Thông tin liên hệ hotline, fanpage, zalo (4)

Thiết lập chung

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

Gợ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. Đầ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 (1)
  • Thiết lập logo cho bản mobile (2)
  • Thiết lập logo chia sẻ lên các mạng xã hội như Facebook Zalo... (3)
  • Thiết lập menu chính và hiển thị mega menu (4) (5)
  • Thiết lập menu mobile và các icon đại diện các danh mục cấp 1 của menu

 Đầu trang và logo

7. Chân trang


  • Quản lý và thiết lập các mục liên quan đến phần chân trang
  • Thay đổi tiêu đề và menu của các cột 1, 2, 3, 4
  • Thiết lập thông tin liên hệ
  • Kết nối mạng xã hôi, các phương thức thanh toán
  • Thiết lập liên kết hệ thống cửa hàng
  • Thiết lập nội dung bản quyền

Chân trang

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
  • 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 05 chính sách

Slideshow & 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 đa cấp, mẫu như hình dưới, lưu ý với menu đa cấp quý khách vui lòng điền alias của menu để có thể chọn menu tại "Thiết lập giao diện"
  • 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, như hình dưới là ảnh đại diện của danh mục sản phẩm "Thịt trứ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. Danh mục nổi bật


  • Bật/tắt hiển thị danh sách các sản phẩm nổi bật của cửa hàng
  • Quý khách có thể thay đổi tiêu đề, điều chỉnh thời gian đếm ngược và lựa chọn danh mục sản phẩm phù hợp với ngành hàng và sở thích của quý khách
  • Với thời gian đếm ngược, quý khách vui lòng nhập theo cú pháp 04/24/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 24/04 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
  • Danh sách sản phẩm có thể thay đổi bằng cách chọn danh mục sản phẩm tương ứng, quý khách có thể tự tạo và thêm các sản phẩm mong muốn thành một danh mục sản phẩm riêng và chọn tại thiết lập giao diện để hiển thị

Sản phẩm 01 - Flash sale

11. Sản phẩm 02


  • Bật/tắt hiển thị danh sách các sản phẩm của cửa hàng
  • Cho phép thiết lập tiêu đề, danh mục sản phẩm tương tự với module sản phẩm 1 - flashsale

Sản phẩm 02

12. Banner dài


  • Bật/tắt hiển thị banner dài
  • Cho phép thay đổi hình ảnh, liên kết, chú thích cho ảnh banner

Banner ngang

13. Sản phẩm 03


  • Bật/tắt hiển thị module
  • Thay đổi tiêu đề module
  • Thay đổi hình ảnh banner
  • Thay đổi danh mục sản phẩm

Sản phẩm 03

14. Sản phẩm 04


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

15. Sản phẩm 05


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

16. Video/Blog


  • Bật/tắt hiển thị module
  • 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

17. Video/Blog


  • Bật/tắt hiển thị module
  • Thay đổi tiêu đề module
  • Thay đổi thông tin review của khác hàng gồm:
    • Tuỳ chọn bật/tắt hiển thị
    • Ảnh đại diện
    • Nội dung review
    • Tên khách hàng
    • Công việc/ nghề nghiệp hiện tại

Cảm nhận khách hàng

18. Tin tức


  • Bật/tắt hiển thị module
  • Thay đổi tiêu đề module
  • Thay đổi danh mục tin tức

Tin tức

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


  • Thay đổi số sản phẩm trên trang (1)
  • Hiển thị banner quản 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
  • 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ị
  • 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ị
  • 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

Danh sách sản phẩm

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 theo khoảng 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
  • Để 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_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

Số lượng

  • 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

Hỗ trợ mua hàng & Shopee

  • Thay đổi tiêu đề mô tả sản phẩm/ hiển thị sản sản liên quan/ bật/tắt banner quảng cáo

Thay đổi tiêu đề mô tả sản phẩm/ hiển thị sản sản liên quan/ bật/tắt banner quảng cáo

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ị

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
  • HIển thị sản phẩm trong nội dung tin - các bạn sẽ sử dụng cú pháp: sanphamtin_Alias danh mục sản phẩm.
    VD: sanphamtin_thit-trung
    Sau đó sẽ chọn thẻ đã thiết lập cho đối tượng vừa thêm
  • 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

Danh mục bài viết

Danh mục 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