Sudes Box

Hướng dẫn sử dụng Theme Sudes Box

• Created: 03/07/2024
• By: Sudes Team
• Email: [email protected]

Xin chào! Cám ơn bạn đã chọn giao diện của chúng tôi. Dưới đây là những hướng dẫn để bạn cài đặt cũng như sử dụng chủ đề của chúng tôi. Mọi thắc mắc bạn có thể gửi về [email protected] Chúng tôi thực sự đánh giá cao và hi vọng bạn sẽ thích giao diện của chúng tôi.

Sudes Box là một giao diện được thiết kế chuyên biệt cho website kinh doanh về quà tặng, quà lưu niệm, hoa, gấu bông, và các ngành hàng tương tự khác,...

Sau khi cài đặt theme mới lên cửa hàng, bạn bấm vào TÙY CHỈNH GIAO DIỆN để tùy chỉnh theme:

Đầu tiên, bạn tìm đến THIẾT LẬP CHUNG:

Tại phần thiết lập chung, chúng tôi cung cấp cho bạn được tùy chỉnh mạnh mẽ giao diện:

• Dùng Favicon
• Dùng Quay lại đầu trang
• Dùng quickview đối với sản phẩm có thuộc tính
• Dùng sản phẩm yêu thích
• Thiết lập màu sắc chủ đạo cho theme
• Meta Keyword

Để thiết lập tính năng, bạn tìm đến:

Tại đây cho phép bạn thay đổi banner, thời gian hiển thị:

Để thiết lập thông tin, bạn tìm đến:

Tại đây cho phép bạn thay đổi Tên cửa hàng, địa chỉ, email, số điện thoại:

Để thiết lập thông tin, bạn tìm đến:

Tại đây cho phép bạn thay đổi Hotline, link zalo, link messenger, link hệ thống cửa hàng:

Để thiết lập đầu trang, bạn tìm đến phần thiết lập Đầu trang:

Tại đây cho phép bạn cấu hình các nội dung và tính năng như sau:

• Logo
• Hotline
• Hệ thống cửa hàng
• Tính năng gợi ý từ khóa tìm kiếm
• Tính năng tìm kiếm thông minh
• Màu nền menu
• Thiết lập menu
• Thiêt lập mega menu

Để thiết lập chân trang, bạn cần tìm đến mục Chân trang:

Tại đây bạn có thể thiết lập các nội dung và tính năng ở chân trang như:

• Cấu hình ảnh nền chân trang
• Các cột thông tin như Logo, thông tin cửa hàng, thông tin chính sách, hướng dẫn, Hỗ trợ thanh toán, Chứng nhận,...
• Nội dung mô tả

Trên trang chủ, chúng tôi chung cấp 15 module cho phép bạn có thể lựa chọn và sắp xếp vị trí của chúng trên trang chủ

• Module Slide Show
• Module Dịch vụ
• Module Về chúng tôi
• Module Mã khuyến mãi
• Module Banner
• Module Sản phẩm 1,2,3
• Module Sản phẩm tab 1
• Module Giới thiệu sản phẩm
• Module Về chúng tôi 2
• Module Nhận xét khách hàng
• Module Tin tức
• Module Đối tác
• Module Hình ảnh

Để chọn lựa và sắp xếp các module trang chủ, bạn cần tìm đến thiết lập Trang chủ:

Nếu module nào bạn không muốn sử dụng hoặc ẩn nó trên website, bạn có thể lựa chọn là không dùng

Module Slider

Tại đây bạn thiết lập các ảnh slider, liên kết ảnh,..

Module Dịch vụ

Theme cung cấp cho bạn 4 tùy chỉnh thông dịch vụ nổi bật của cửa hàng. Bạn có thể thay đổi nội dung cho phần dịch vụ tại mục Trang chủ - Module Dịch vụ:

Module Về chúng tôi

Theme cung cấp cho bạn khối Về chúng tôi trên trang chủ. Để cấu hình bạn vào mục Trang chủ - Module Về chúng tôi:

Module Mã khuyến mãi

Theme cung cấp cho bạn khối Mã khuyến mãi trên trang chủ. Để cấu hình bạn vào mục Trang chủ - Mã khuyến mãi:

Module Banner

- Theme cung cấp cho bạn khối Banner trên trang chủ. Để cấu hình bạn vào mục Trang chủ - Module Banner:

Module Sản phẩm 1,2,3

- Theme cung cấp cho bạn 3 khối danh mục sản phẩm dạng thường.

- Bạn có thể thiết lập tiêu đề, danh mục sản phẩm và số sản phẩm hiển thị

Module Sản phẩm tab 1

- Bạn có thể thiết lập tiêu đề, nội dung, số sản phẩm hiển thị và menu danh mục sản phẩm

Module Giới thiệu sản phẩm

Module Về chúng tôi 2

Module Nhận xét khách hàng

Module tin tức

Module Đối tác

Module Hình ảnh

Tại đây, bạn được phép thiết lập:

• Số sản phẩm trên 1 trang
• Banner Breadcrumb
• Khối danh mục sản phẩm
• Hiển thị bộ lọc sản phẩm

- Ở phần thiết lập Banner Breadcrumb. Theme cho phép bạn thiết lập banner riêng cho từng danh mục sản phẩm bằng cách lấy theo ảnh đại diện danh mục:

Theme cung cấp cho bạn quyền tùy chỉnh mạnh mẽ trang chi tiết sản phẩm. Để thiết lập trang này, bạn cần tìm đến mục Trang sản phẩm:

Tại đây, bạn được phép thiết lập:

• Dùng biến thể màu
• Khối lời nhắn
• Khối mua hàng tại
• Thông tin dịch vụ
• Khối hỗ trợ trực tuyến
• Khối mã khuyến mãi
• Thông tin sản phẩm
• Thông số kỹ thuật (sản phẩm bao gồm)
• Tin tức nổi bật
• Sản phẩm liên quan
• Sản phẩm đã xem

+ Khối lời nhắn

Trong trang sản phẩm tìm đến phần Khối lời nhắn để tùy chỉnh

+ Khối mua hàng tại

Trong trang sản phẩm tìm đến phần Khối mua hàng tại để tùy chỉnh

+ Khối thông tin dịch vụ

Trong trang sản phẩm tìm đến phần Khối thông tin dịch vụ để tùy chỉnh

+ Khối hỗ trợ trực tuyến

Trong trang sản phẩm tìm đến phần Khối hỗ trợ trực tuyến để tùy chỉnh

+ Khối mã khuyến mãi

Trong trang sản phẩm tìm đến phần Khối mã khuyến mãi để tùy chỉnh

+ Thông số kỹ thuật (sản phẩm bao gồm)

Trong trang sản phẩm tìm đến phần Khối Thông số kỹ thuật để tùy chỉnh

Trong mô tả sản phẩm chọn tiêu đề thông số kỹ thuật (sản phẩm bao gồm) là thẻ h6 và nội dung thẻ h6 chính là nội dung thông số:

Để thiết lập trang danh mục blog và chi tiết tin tức, bạn cần tìm đến mục Trang blog:

Tại đây, bạn có thể thiết lập số bài viết hiển thị trên 1 trang, danh mục, tin nổi bật, bài viết liên quan,...

Để cấu hình thông tin trang liên hệ, Bạn chọn mục Trang giới thiệu

Bước 1: Để thiết lập bạn Tạo trang nội dung và chọn layout page.about.

Bước 2: Vào thiết lập Trang giới thiệu để tùy chỉnh nội dung

Để cấu hình thông tin trang liên hệ, Bạn chọn mục Trang liên hệ

Tại đây bạn có thể thay đổi Bản đồ cũng như các thông tin  liên hệ:

Phần iframe bản đồ. Bạn truy cập vào https://www.google.com/maps nhập địa chỉ shop bạn. Sau đó chọn nút Chia sẻ:

Tiếp theo, bạn chọn tab Nhúng bản đồ và chọn Sao chép HTML

Tiếp theo, bạn parse đoạn mã iframe đó vào ô nhập mã iframe trong thiết lập trang liên hệ:

Cuối cùng. Trong admin website. Bạn tạo 1 trang nội dung và chọn khung giao diện là page.contact

Để thiết lập bạn Tạo trang nội dung và chọn layout page.he-thong-cua-hang.

Tiếp theo, để cấu hình danh sách các cửa hàng của bạn. Bạn vào Cấu hình giao diện -> Chọn Trang Hệ thống cửa hàng

Tại đây, cấu hình trang danh sách cho phép bạn có thể nhập và hiển thị bản đồ iframe mặc định và phần chọn trang nội dung JSON chứ danh sách các cửa hàng.

Bước tiếp theo bạn Tạo trang nội dung và chọn layout page.store_list

Tại trang nội dung JSON, cấu hình trang danh sách cho phép bạn có thể nhập và hiển thị địa chỉ chi nhánh. Các thông tin chi nhánh được thiết lập gồm:

• name: Tên chi nhánh
• address: Địa chỉ
• city: Tỉnh/Thành phố
• district: Quận/huyện
• ward: Phường/xã
• phone: Số điện thoại
• url: Mã nhúng embed của google map chi nhánh

Danh sách cửa hàng mẫu:

Hướng dẫn cách lấy mã embed chi nhánh trên google map

Các bước thao tác tương tự như cách lấy mã iframe google map của Trang liên hệ:

Sau khi bạn sao chép được mã code iframe từ google map. Trong mã iframe bạn vừa sao chép. bạn chỉ sao chép đoạn link embed trong khối src="[ĐOẠN LINK EMBED]"
Ví dụ: Đoạn code iframe bạn vừa sao chép từ google map là:

Bạn chỉ cần lấy đoạn mã trong phần src="" sẽ là:

Cuối cùng, bạn dán đoạn mã vừa sao chép vào dòng url của trang page.store_list

Cám ơn các bạn đã chọn theme của chúng tôi.
Ngoài ra, nếu cần sự giúp đỡ, bạn có thể liên lạc với chúng tôi qua email: [email protected].
Chúng tôi luôn vui lòng giúp đỡ các bạn.