Hướng dẫn sử dụng MewAqua

Hướng dẫn sử dụng MewAqua

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)
  • Các màu chủ đạo và cơ bản xuyên suốt giao diện (2)
  • Bật khi sử dụng app của Sapo như đánh giá sản phẩm... các script cần thiết để sử dụng app sẽ được thêm vào (3)
  • Chọn số dòng tiêu đề hiển thị ở item sản phẩm, có thể tuỳ chọn hiển thị tiêu đề của sản phẩm 1 dòng hoặc 2 dòng (4)
  • Thông tin liên hệ hotline, fanpage, zalo được cố định bên phải màn hình (5)

Thiết lâp chung

Thiết lâp chung

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


  • (1) 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
  • (2, 3) Bật/tắt tìm kiếm nhanh theo bài viết/ trang nội dung, 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

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

  • (1) Thiết lập logo đầu trang
  • (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 chọn menu chính, thiết lập sử dụng menu cấp 1 cuộn ngang được với trường hợp menu của KH dài không xem hết được trong 1 màn hình
  • (4) Thiết lập hiển thị menu mega

 Đầu trang

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

  • (1) Thiết lập ảnh nền cho chân trang
  • (2) Thiết lập thông tin liên hệ: địa chỉ, email, số điện thoại liên hệ và thông tin mô tả thêm
  • (3, 4, 5) Thiết lập tiêu đề và menu tương ứng của các cột 2 3 4
  • (6) Thiết lập nội dung bản quyền

Chân trangChân trangChân trang

9. Trang chủ


  • Quản lý và thiết lập hiển thị, thay đổi vị trí của các module trên trang chủ

10. Slideshow


Quản lý và thiết lập các mục slideshow

  • (1) Thay đổi hình nền dưới slide
  • (2) 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

11. Dịch vụ của chúng tôi


  • (1) Thiết lập ảnh đại diện của module, tiêu đề, nội dung giới thiệu chính và liên kết chi tiết
  • Bên dưới là thiết lập của 06 dịch vụ gồm: ảnh, tên dịch vụ và tuỳ chọn hiển thị

12. Sản phẩm nổi bật


  • Hiển thị danh sách các sản phẩm nổi bật của cửa hàng
  • Thiết lập ảnh module kích thước đề nghị 1920X320
  • Thiết lập tiêu đề danh mục, mô tả ngắn, chọn danh mục sản phẩm và giới hạn hiển thị

13. Cấu tạo thành phần


  • (1) Tiêu đề module
  • (2) Tuỳ chỉnh nội dung hiển thị cột trái
  • (3) Tuỳ chỉnh hình ảnh nằm ở cột chính giữa module
  • (4) Tuỳ chỉnh nội dung hiển thị ở cột phải

14. Khách hàng


  • (1) Tuỳ chọn ảnh banner
  • (2) Thiết lập tiêu đề module
  • (3) Thiết lập đánh giá khách hàng gồm Ảnh, tên, chức vụ và nội dung

15. Tin tức


  • Thay đổi tiêu đề module
  • Thiết lập chọn module tin tức
  • Thay đổi tiêu đề nút xem thêm

16. Thương hiệu


  • Thiết lập hiển thị bật/ tắt từng thương hiệu cũng như tuỳ chỉnh hình ảnh, tên thương hiệu và liên kết tương ứng

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


  • (1) Thiết lập số lượng sản phẩm trên 1 trang, và cho phép hiển thị nút mua hàng grid item
  • (2) Bật/tắt hiển thị slide banner, hình ảnh từng banner và liên kết
  • (3) Bật/tắt hiển thị danh sách liên kết
  • (4) Bật/tắt hiển thị sidebar, bật/tắt hiển thị tin tức nổi bật, thiết lập danh mục tin tức
  • (5) Bật/tắt hiển thị bộ lọc
  • (6) Thiết lập một số tiêu đề hiển thị của bộ lọc
  • (7) Thiết lập bộ lọc về giá: gồm 2 loại lọc theo khoảng giá bằng cách nhập hoặc check chọn các khoảng giá theo thiết lập sẵn
    • 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
  • (8) Bật/tắt sử dụng bộ lọc về hãng sản xuất, thay đổi tiêu đề bộ lọc hãng
  • (9) Bật/tắt sử dụng bộ lọc về loại, thay đổi tiêu đề bộ lọc loại
  • (10) Hướng dẫn tạo bộ lọc theo danh mục tại đây

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


  • (1) Thiết lập tiêu đề tag đặc biệt, icon hiển thị và nội dung tiêu đề tương ứng với từ cú pháp tag
  • (2) Thiết lập text số lượng tại trang chi tiết sản phẩm
  • (3) Các tuỳ chọn nâng cao
    • Bật/tắt hiển thị module tin tức tại trang chi tiết sản phẩm
    • Hiển thị module dịch vụ tại trang chủ vào trang chi tiết sản phẩm
    • Bật/ tắt hiển thị swatch/dropdown tuỳ chọn với sản phẩm có nhiều phiên bản
    • Bật/ tắt tính năng nhóm ảnh theo màu, quý khách tải ảnh lên quản trị của sản phẩm bình thường, với mỗi ảnh quý khách đổi alt trùng với tên màu của phiên bản tương ứng, mỗi 1 ảnh sản phẩm chỉ có thể liên kết với 1 màu
      • 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.
    • Bật/tắt tính năng ẩn phiên bản sản phẩm khi không khả dụng với sản phẩm có nhiều phiên bả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
  • (4) Tuỳ chỉnh số điện thoại hotline hỗ trợ khách hàng
  • (5) Thiết lập tiêu đề của mô tả sản phẩm
  • (6) Thiết lập tiêu đề của module sản phẩm liên quan
  • (7) Bật/tắt hiển thị tiêu đề của module sản phẩm đã xem

20. Danh mục tin tức/ chi tiết tin tức


  • (1) Thiết lập tiêu đề hiển thị nếu danh mục không có bài viết
  • (2) Thiết lập icon, tiêu đề của danh mục tin tức hot
  • (3) Thiết lập một số tính năng hiển thị ở chi tiết tin tức
    • Hiển thị người đăng và ngày đăng
    • Hiển thị mục lục tự động theo heading
    • Hiển thị tag bài viết
    • Hiển thị bài viết khác
    • Hiển thị tác giả
    • Hiển thị bài viết liên quan
  • (4) (5) Thiết lập tuỳ chỉnh cho một số tiêu đề của bình luận và các mục liên quan

21. Trang dịch vụ


  • (1) Thay đổi hình ảnh banner và thông tin
  • (2) Thiết lập khối nội dung timeline: tiêu đề, nội dung, và 06 tiêu chí gồm tiêu đề của các tiêu chí và nội dung của từng tiêu chí
  • (3) Thiết lập khối nội dung dịch vụ, mỗi dịch vụ có thết lập lựa chọn hình ảnh, tiêu đề và nội dung
  • (4) Thay đổi hình ảnh banner
  • (5) Thiết lập các thông tin liên hệ

22. 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

23. 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

24. Tìm kiếm


  • (1) Tuỳ chỉnh số kết quả của trang tìm kiếm
  • (2) Tuỳ chỉnh hiển thị text của kết quả theo loại sản phẩm, tin tức, trang nội dung
  • (3) Tuỳ chỉnh hiển thị các kết quả tìm kiếm...

     

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