Sudes Perfume

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

• 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 Perfume là giao diện được thiết kế dành riêng cho các website kinh doanh nước hoa và mỹ phẩm cao cấp. Với bố cục tinh tế và hình ảnh ấn tượng, giao diện giúp thương hiệu nổi bật và mang đến trải nghiệm mua sắm hiện đại, thu hút.

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
• Tiêu đề phụ
• 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 19 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 Giới thiệu
• Module Bộ sưu tập
• Module Sản phẩm khuyến mãi
• Module Danh mục sản phẩm
• Module 2 banner
• Module Level up
• Module Sản phẩm 1,2,3
• Module Được yêu thích nhất
• Module Thương hiệu
• Module Dịch vụ
• Module Bạn có biết
• Module Tin tức
• Module Nhận xét của khách hàng
• Module Set nổi bật
• Module Câu hỏi
• Module Shop Feed

Để 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, danh mục sản phẩm trên slide..

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 Bộ sưu tập

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 sp

Module 2 banner

Module Level up

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 Level up:

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.

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

Module Được yêu thích nhất

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

Module Thương hiệu

- Theme cung cấp cho bạn khối thương hiệu.

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 Bạn có biết

Module tin tức

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

Module Set nổi bật

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.

Module Shop Feed

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

• Số sản phẩm trên 1 trang
• Banner ảnh
• Khối danh mục sản phẩm
• Hiển thị bộ lọc sản phẩm
• Sản phẩm được yêu thích

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
• Chính sách
• Thiết lập đặc điểm nổi bật
• Video
• Thông tin sản phẩm
• Đánh giá (Mua app đánh giá sản phẩm)
• Sản phẩm liên quan
• Sản phẩm đã xem
• Khối thông tin thương hiệu

Hướng dẫn thiết lập nội dung sản phẩm có bố cục như ảnh dưới:

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

+ Sau đó vào nội dung mô tả sản phẩm chuyển Mã HTML và dán đoạn code đã code vào nội dung:

Sau đó thay đổi nội dung tương ứng
LƯU Ý*: Cấu trúc mô tả html phải nhập đúng để tránh bị lỗi bố cục nội dung

Để 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 tab, banner ngang, Chuyên mục nổi bật

Trang chi tiết tin có danh mục tin, banner, chia sẽ, tin tức liên quan

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 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 flash sale, Bạn chọn mục Trang Hỗ trợ

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

Sau đó, bạn vào Cấu hình giao diện -> Chọn Trang Hỗ trợ để 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

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.