Bean Restaurant

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

• Created: 11/09/2026
• 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.

Bean Restaurant là một giao diện được thiết kế chuyên biệt cho website nhà hàng, quán ăn, chuỗi ẩm thực và dịch vụ F&B, phù hợp để giới thiệu không gian, thực đơn, dịch vụ đặt bàn và các chương trình ưu đãi một cách chuyên nghiệp.

Bên cạnh đó, theme vẫn hỗ trợ tính năng đặt bàn trực tuyến và mua hàng, phù hợp với các đơn vị vừa phục vụ tại chỗ, vừa kinh doanh thực phẩm, đặc sản, đồ uống hoặc các sản phẩm liên quan đến ngành ẩm thự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
• Ảnh nền Breadcrumb
• Dùng Quay lại đầu trang
• Dùng quickview
• Dùng sản phẩm yêu thích
• Dùng So sánh sản phẩm
• 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:

• Tìm nhanh
• Hotline
• Zalo
• Messenger

Để 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, fanpage, zalo mini app, bản quyền

Trên trang chủ, chúng tôi chung cấp 13 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 Trải nghiệm ẩm thực
• Module Giới thiệu
• Module Thống kê
• Module Menu
• Module Tab Sản phẩm
• Module Đội ngũ
• Module Nhận xét của khách hàng
• Module Câu hỏi
• Module Hành trình phát triển
• Module Bảng giá
• Module Tin tức
• Module Instagram

Để 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 tùy chọn hiển thị video, tùy chỉnh các ảnh slider, liên kết ảnh, nội dung trên slide..

Module Trải nghiệm ẩm thực

Theme cung cấp cho bạn tùy chỉnh thông trải nghiệm của cửa hàng. Bạn có thể thay đổi nội dung cho phần trải nghiệm tại mục Trang chủ - Module Trải nghiệm ẩm thực:

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 Thống kê

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

Module Menu

Tại đây bạn thiết lập tiêu đề, danh mục menu

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 Đội ngũ

- Theme cung cấp cho bạn khối đội ngũ nhận sự trên trang chủ. Để cấu hình bạn vào mục Trang chủ - Module Đội ngũ

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

- Theme cung cấp cho bạn khối đánh giá của KH trên trang chủ. Để cấu hình bạn vào mục Trang chủ - Module Nhận xét khách hàng

Module Câu hỏi

- Theme cung cấp cho bạn Module câu hỏi của khách hàng. Để cấu hình bạn vào mục Trang chủ - Module Câu hỏi

Module Hành trình phát triển

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

- Tại đây bạn có thể điều chỉnh thông tin các mốc thời gian hoạt động

Module Bảng giá

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

- Bạn có thể thiết lập thông tin bảng giá tại thiết lập .

- Form bảng giá lấy theo form liên hệ của hệ thống Sapo

Module Tin tức

- Theme cung cấp cho bạn Module tin tức. Để cấu hình bạn vào mục Trang chủ - Module Tin tức

Module Instagram

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 dọc trên bộ lọc
• Mô tả danh mục
• 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 Khuyến mãi nổi bật/li>
• Tag Video
• Sản phẩm mua kèm
• Thông tin sản phẩm
• Thông số kỹ thuật (thông số thành phần)
• Có thể bạn thích
• 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

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 giới thiệu, 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ạn vào Cấu hình giao diện -> Chọn Trang liên hệ để tùy chỉnh

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

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

HƯỚNG DẪN CÁCH NHẬP VÀ TẠO MENU

Vào mô tả trang nội dung tiến hành up ảnh menu ở nội dung mô tả, tiêu đề menu nhập ở Alt ảnh

Để cấu hình thông tin trang đặt lịch, Bạn chọn mục Trang Đặt bàn

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

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