Sudes Books

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

• Created: 10/04/2025
• 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 Books là một giao diện được thiết kế chuyên biệt cho website kinh doanh về đa lĩnh vực, đặc biệt là sách vở, văn phòng phẩm,...

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
• Sử dụng Metafield
• 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 bạn tìm đến phần thiết lập Thiết lập popup thông báo và cờ ngôn ngữ:

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

• Popup thông báo
• Ngôn ngữ

Để thiết lập bạn tìm đến phần thiết lập Nút liên hệ hỗ trợ:

Tại đây chúng tôi cho bạn thay đổi màu nút và cấu hình hiển thị các nút hỗ trợ gồm:

• Hotline
• Zalo chat
• Messenger
• 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:

• Topbar (Thông báo, điện thoại, hệ thống cửa hàng)
• Logo
• Tính năng gợi ý từ khóa tìm kiếm và lịch sử tìm kiếm
• Tính năng tìm kiếm thông minh
• 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ác cột thông tin như màu nền chân trang, mạng xã hội, thông tin chính sách, hướng dẫn, đăng ký nhận tin, bản quyền

Trên trang chủ, chúng tôi chung cấp 18 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 Slider
• Module Danh mục sản phẩm
• Module Giới thiệu
• Module Sản phẩm khuyến mãi
• Module Danh mục 2
• Module 2 banner
• Module Tác giả
• Module Tab Sản phẩm
• Module Sản phẩm 1,2,3,4
• Module Sách hay
• Module Dịch vụ
• Module Tin tức
• Module Nhận xét của khách hàng
• Module logo các đối tác
• Module Câu hỏi

Để 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, nội dung trên slide..

Module Danh mục sp

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

Module Giới thiệu

- Theme hỗ trợ hiển thị khối thể hiện giới thiệu sơ lượt về cửa hàng. Để thiết lập, bạn vui lòng vào mục Trang chủ - Module Giới thiệu

Module Sản phẩm khuyến mãi

Để cấu hình khối sản phẩm khuyến mãi (Flash sale). Bạn có thể cấu hình trong Trang chủ - Sản phẩm khuyến mãi:

- Phần Cấu hình đếm ngược khuyến mãi. Bạn vui lòng nhập thời gian kết thúc chương trình theo định dạng Tháng-Ngày-Năm-Giờ-Phút-Giây. Ví dụ thời gian kết thúc chương trình vào ngày 25/12/2023 lúc 12:00:00 thì sẽ nhập là 12-25-2023-12-00-00

Module Danh mục 2

Tại đây bạn thiết lập các ảnh, tiêu đề, chọn danh mục sản phẩm

Module 2 banner

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

Module Tác giả

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

Module Tab Sản phẩm

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

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

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

- Theme cung cấp cho bạn 4 khối danh mục sản phẩm dạng tab.

- Bạn có thể thiết lập tiêu đề, banner, danh mục và menu danh mục cho tưng module

Module Sách hay

- Theme cung cấp cho bạn khối sách hay.

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 tin tức

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

Module Đối tác

Module Câu hỏi

- Theme cung cấp cho bạn Module giải đáp các thắc mắc của khách hàng.

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

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

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:

• Biến thể màu
• Thiết lập danh sách đặc điểm nổi bật
• Thông tin tác giả
• Sản phẩm mua kèm
• Thông số kỹ thuật (thông số thành phần)
• Thông tin các mã giảm giá
• Thông tin sản phẩm
• Sản phẩm liên quan
• Sản phẩm đã xem

Hướng dẫn thiết lập nội dung sản phẩm:

- Đối với 1 sản phẩm muốn thể hiện đầy đủ các thông tin như: Thông tin khuyến mãi tổng quan (Hiện bên ngoài trong ô sản phẩm), Thông tin khuyến mãi chi tiết (trong trang chi tiết sản phẩm), Thông tin thông số kỹ thuật rút gọn, thông số kỹ thuật chi tiết (popup). Bạn sẽ nhập nội dung mô tả sản phẩm theo cấu trúc thứ tự như sau:

1. Mô tả sản phẩm.

2. Dòng Heading 6 thứ nhất.

3. Nội dung cho thông số kỹ thuật tổng quan (dạng bảng table 2 cột).

+ Lấy đoạn code HTML mẫu cho mô tả sản phẩm tại đây:

Để 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, chia sẽ bài viết, bài viết liên quan, tags

Demo Ví dụ:

Vào chi tiết 1 bài viết. Ở vị trí cần hiển thị nhập nội dung như sau:

[product danhmuc="ruou-vang-trang" limit="6" title="Một số sản phẩm rượu vang trắng phổ biến"]

Trong đó:
danhmuc = "alias của danh mục sản phẩm"
limit = "Giới hạn số sản phẩm"
title = "Tiêu đề module"

Demo mẫu Ví dụ:

Mục lục sẽ lấy theo Heading 2 và heading 3 trong nội dung tin tức:

Kết quả:

Để cấu hình thông tin trang sự kiện, Bạn chọn mục Trang Sự kiện

Để thiết lập bạn Tạo danh mục blog và chọn layout blog.event.

Sau đó, bạn vào Cấu hình giao diện -> Chọn Trang Sự kiện để tùy chỉnh

HƯỚNG DẪN CÁCH NHẬP VÀ TẠO SỰ KIỆN

Để thiết lập bạn Tạo bài viết và chọn layout article.event.

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

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

Sau đó, bạn vào Cấu hình giao diện -> Chọn Trang flash sale để tùy chỉnh

Để 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

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

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

Sau đó, bạn vào Cấu hình giao diện -> Chọn Trang giới thiệu để tùy chỉnh

Để cấu hình thông tin trang flash sale, Bạn chọn mục Trang tác giả

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

Sau đó, bạn vào Cấu hình giao diện -> Chọn Trang tác giả để tùy chỉnh

HƯỚNG DẪN NHẬP NỘI DUNG CHO TÁC GIÁ

+ Tác giả lấy theo danh mục sản phẩm

Cấu trúc nhập mô tả tác giả

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

Bước 2: Vào thiết lập Trang hỏi đáp để tùy chỉnh ạ

Bước 3: Vào nhập nội dung cho trang hỏi đáp theo cấu trúc như bên dưới

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

Bước 2: Tạo google sheet với sườn như thế này, ở phía dưới là các thông tin tương ứng, link mẫu: Click vào đây

address: Địa chỉ đầy đủ
name: Tên cửa hàng
sdt: Số điện thoại
city: Thành Phố
district : Quận/huyện
url: Đường dẫn google map lấy theo hướng dẫn bên dưới

Trong iframe chỉ lấy đoạn trong src thôi, ví dụ: src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.5181702233717!2d106.65107481440897!3d10.771568592324822!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752ec07488c543%3A0x7dc9617e924ddb50!2zNzAgTOG7ryBHaWEsIFBoxrDhu51uZyAxNSwgUXXhuq1uIDExLCBUaMOgbmggcGjhu5EgSOG7kyBDaMOtIE1pbmggNzAwMDAwLCBWaWV0bmFt!5e0!3m2!1sen!2s!4v1668009442373!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" Thì chỉ lấy: https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.5181702233717!2d106.65107481440897!3d10.771568592324822!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752ec07488c543%3A0x7dc9617e924ddb50!2zNzAgTOG7ryBHaWEsIFBoxrDhu51uZyAxNSwgUXXhuq1uIDExLCBUaMOgbmggcGjhu5EgSOG7kyBDaMOtIE1pbmggNzAwMDAwLCBWaWV0bmFt!5e0!3m2!1sen!2s!4v1668009442373!5m2!1sen!2s

Bước 3: lấy link gắn vào thiết lập

Bước 4: Để hiển thị thành phố chỗ này thì nhập ở đây ạ, cách nhau bằng dấu ;

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.