Bean Garden

Hướng dẫn sử dụng Theme Bean Garden

• Created: 09/06/2025
• By: Mr. Bean
• 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.

Theme Bean Garden có phong cách thiết kế hiện đại, màu sắc hài hòa, giao diện được trau chuốt tỉ mỉ giúp đem tới khách hàng một trải nghiệm tuyệt vời.

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 bạn tìm đến phần thiết lập Thiết lập tag nhãn dán trên ô sản phẩm:

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

• Thiết lập Tag định danh trong sản phẩm
• Thay đổi thông tin ảnh tương ứng đối với các tag
• Lưu ý: Sản phẩm chỉ nhập 1 trong 3 tag thiết lập

Để 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 Thiết lập popup banner khuyến mãi:

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

• Ảnh + Link ảnh
• Thời gian hiển thị popup

Để thiết lập bạn tìm đến phần thiết lập Thiết lập Popup sale ảo:

Tại đây cho phép bạn cấu hình danh mục hiển thị popup sale ảo

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

• Thông tin topbar đầu trang
• Màu nền
• Logo
• Hệ thống cửa hàng
• 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 tính năng mua hàng nhanh
• Thiêt lập tính năng live
• Thiêt lập danh mục sản phẩm

Để 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ư Ảnh nền, màu sắc, Đăng ký nhận tin, thông tin chân trang, mạng xã hội, thông tin chính sách, hướng dẫn...v.v..., 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 Chính sách
• Module Tab Sản phẩm
• Module Tab Sản phẩm 2
• Module 1 Sản phẩm
• Module Giới thiệu
• Module Lý do chọn
• Module Danh mục 1
• Module Danh mục 2
• Module Sản phẩm 1
• Module Sản phẩm 2, 3, 4
• Module Video
• Module FAQ
• Module Nhận xét của khách hàng
• Module Tin 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, nội dung trên slide..

Module Chính sách

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 chính sách tại mục Trang chủ - Module Chính sách:

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 Tab Sản phẩm 2

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 2:

- 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 1 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 1 Sản phẩm :

- Bạn có thể thiết lập tiêu đề, sản phẩm

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 Lý do chọn

Để thiết lập, bạn vui lòng vào mục Trang chủ - Module Lý do chọn

Module Danh mục 1

Để thiết lập, bạn vui lòng vào mục Trang chủ - Module Danh mục 1

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

Module Danh mục 2

Để thiết lập, bạn vui lòng vào mục Trang chủ - Module Danh mục 2

Tại đây bạn thiết lập các ảnh, tiêu đề, đường dẫn ảnh

Module Sản phẩm 1

- Bạn có thể thiết lập tiêu đề, danh mục, giới hạn sp hiển thị

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

- Bạn có thể thiết lập tiêu đề, danh mục, giới hạn sp hiển thị, banner ảnh

Module Video

Module FAQ

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

Module tin tức

Module Hình ảnh

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

• Banner tiêu đề
• Số sản phẩm trên 1 trang
• Mô tả danh mục
• 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
• Khối chia sẽ trang
• Tính năng đặt trước sản phẩm
• Tìm cửa hàng gần nhất
• Mã giảm giá
• Thông tin cửa hàng
• Thông tin chính sách
• Thông tin khuyến mãi
• Sản phẩm mua kèm
• Thông tin video
• Mô tả sản phẩm
• Đanh giá sản phẩm
• Thông số kỹ thuật
• Sản phẩm có thể bạn thích
• Sản phẩm liên quan
• Sản phẩm cùng phân khúc giá
• 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

Demo mẫu 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="cay-canh" limit="10" title="Một số mẫu cây cảnh nổi bật"]

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ả:

Để thiết lập trang danh mục blog(dự án) bạn cần tìm đến mục Trang Dự án(Blog):

Tại đây, bạn có thể thiết lập số bài viết hiển thị trên 1 trang

Chọn khung giao diện danh mục là blog.du_an

Để thiết lập chi tiết blog(dự án) bạn cần tìm đến mục Trang Chi tiết Dự án(Article):

Tại đây, bạn có thể đọc hướng dẫn để thiết lập thông tin cho nội dung dự án

Chọn khung giao diện trang chi tiết tin là article.du_an

Hướng dẫn thiết lập nội dung mô trang chi tiết dự án:

1. Mô tả dự án.

2. ### (Để tách nội dung và ảnh).

3. Up ảnh feedback

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

Để 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 liên hệ, Bạn chọn mục Trang liên hệ

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

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 liên hệ, Bạn chọn mục Trang Order nhanh

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

Tại đây bạn có thể thay đổi danh mục mua hàng nhanh:

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

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

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 ;

- Theme hỗ trợ hiển thị 6 mã khuyến mãi (coupon), Bạn vui lòng vào mục Khối Mã khuyến mãi

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.