Sudes Sport

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

• Created: 24/04/2023
• 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 Sport là một giao diện được thiết kế chuyên biệt cho website kinh doanh về dụng cụ, thời trang thể thao, giày dép, các thiết bị gia dụng,...

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 tính năng xem nhanh sản phẩm (Quickview)
• Dùng sản phẩm yêu thích
• Thiết lập khung 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 Thiết lập chatlive:

Tại đây chúng tôi cho bạn 3 sự lựa chọn

• Không dùng
• Chuyển sang Messenger
• Chat trực tiếp trên website

Trường hợp bạn chọn Chuyển sang Messenger

Bạn cần gắn đường dẫn theo cú pháp https://m.me/id_fanpage, trong đó id_fanpage bạn có thể nhập id hoặc user của fanpage

Trường hợp bạn chọn Chat trực tiếp trên website

Bạn cần lấy link chatlive của fanpage theo hướng dẫn sau:

Bước 1: Bạn chọn Meta Business Suite

Bước 2: Bạn chọn Hộp thư -> Cài đặt

Bước 3: Bạn chọn Plugin chat -> Thiết lập

Bước 4: Bạn chọn Tiêu chuẩn

Bước 5: Bạn Nhập tên miền website và làm hết các bước (Lưu ý là phải nhập đúng tên miền hiện có trên website), sau đó bấm Sao chép mã và gắn vào thiết lập giao diện website

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

• Màu nền đầu trang, màu nền top bar, màu chữ topbar
• Thông tin khuyến mãi trên thanh topbar
• Logo
• Thông tin hệ thống cửa hàng (hoặc liên hệ)
• Tính năng gợi ý từ khóa tìm kiếm
• Tính năng hiển thị tìm kiếm gần đây
• Tính năng tìm kiếm thông minh
• Thiết lập menu danh mục sản phẩm
• Thiêt lập menu chính

Để 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ư Logo, giới thiệu ngắn cửa hàng, thông tin chính sách, hướng dẫn, mạng xã hội, thanh toán,...

Trên trang chủ, chúng tôi chung cấp 11 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 Sản phẩm khuyến mãi
• Module Tab sản phẩm
• Module Nhóm 4 Banner
• Module Sản phẩm 1,2
• Module Banner lớn
• Module Đánh giá khách hàng
• Module Tin tức
• Module Thương hiệu

Để 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 hiệu ứng, các ảnh slider, liên kết ảnh,..

**Lưu ý, trong cấu hình slider có phần checkbox cho phép bạn sử dụng hiệu ứng xuất hiện chữ và nút CTA trên ảnh. Khi dùng tính năng hiệu ứng này, ảnh banner bạn nên để trống nền sáng phía bên trái ít nhất 45% để hiển thị text và nút. Nếu bạn không dùng tính năng này thì website chỉ hiện banner có dẫn link liên kết.

Module Danh mục sản phẩm

Theme cung cấp cho bạn 12 tùy chỉnh hiển thị danh mục sản phẩm. Bạn có thể thay đổi nội dung cho phần danh mục sản phẩm tại mục Trang chủ - Module Danh mục sản phẩm:

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:

- Trong phần Cấu hình chung Bạn có thể tùy chỉnh Nhập tiêu đề cho khối khuyến mãi, Chọn danh mục sản phẩm khuyến mãi và thay đổi ảnh nền của khố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

- Để hiển thị thanh đã bán trong tag sản phẩm khách hàng nhập item_số sản phẩm đã bán và sản phẩm được quản lý tồn kho.

- Điều kiện cho sản phẩm đã bán:

+ Khách hàng chọn quản lý tồn kho và nhập số tồn kho sản phẩm

+ Nhập tag số lượng đã bán (nhập trong tag item_) lớn hơn tồn kho thực của sản phẩm

+ Số sản phẩm đã bán sẽ bằng số lượng đã bán (nhập trong tag item_) trừ đi số tồn kho thực

Ví dụ tag: item_100, số tồn kho thực tế là 90 thì thanh đã bán sẽ hiển thị Đã bán sẽ là 100 - 90 = 10

Module Tab sản phẩm

- Bạn có thể thiết lập tiêu đề, số sản phẩm hiển thị và menu danh mục sản phẩm hiển thị.. Để thiết lập, Bạn vui lòng vào mục Trang chủ - Module Tab sản phẩm

Module Nhóm 4 banner

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

Module Sản phẩm 1,2

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

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

Module Banner lớn

- Theme cung cấp cho bạn Module banner giới thiệu sản phẩm dùng để giới thiệu các tính năng và thông tin cho sản phẩm mới ra mắt.

Module Đánh giá khách hàng

Module Tin tức

Module Thương hiệu

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

• Số sản phẩm trên 1 trang
• Banner đầu trang
• 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 đầu trang. 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 sử dụng mô tả danh mục sản phẩm như sau:

+ Trong Admin danh mục sản phẩm, ở phần mô tả. Bạn tạo 1 dòng text (1) và chọn định dạn là heading 6 (2) như sau:

+ Ở bên dưới dòng heading 6, bạn up 2 ảnh banner, Ảnh đầu tiên sẽ dành cho Desktop ảnh thứ 2 sẽ dành cho mobile. Nếu bạn không up ảnh thứ 2 thì hệ thống sẽ lấy ảnh thứ nhất làm ảnh banner cho mobile.

+ Ở ảnh banner đầu tiên, bạn nhấp chuột phải vào ảnh > Chọn Thuộc tính của ảnh:

+ Hộp thoại hiện ra, ở mục Chú thích ảnh, Bạn nhập link liên kết cho ảnh banner vào. Sau đó nhấn Đồng ý để hoàn tất tác vụ.

- Lưu ý: Nếu 1 danh mục sản phẩm mà không thao tác thiết lập banner như ở trên thì hệ thống mặc định lấy cấu hình banner của trang tất cả sản phẩm để hiển thị.

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
• Hướng dẫn chọn size
• Thông tin khuyến mãi
• Thông tin chính sách
• Banner khuyến mãi
• Mã coupon khuyến mãi
• Thông tin Flash sale đếm ngược
• Sản phẩm thường được mua cùng
• Thông tin sản phẩm
• Sản phẩm 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 khuyến mãi cho sản phẩm:

- Để hiển thị phần thông tin khuyến mãi, trong phần mô tả sản phẩm bạn nhập theo thứ tự như sau:

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

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

3. Nội dung khuyến mãi cho sản phẩm.

- Xem ảnh minh họa:

+ 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,...

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