Thiết lập chung theme Techgo

1. Logo và Favicon

+ Đây là nơi thiết lập logo và favicon cho website

Hình ảnh minh họa “Logo và Favicon”

- Nếu không chọn hiển thị “Logo” sẽ hiển thị “Tên cửa hàng” thay thế cho logo

- “Tên cửa hàng” thiết lập ở phần “Website” => “Cấu hình” => “Tên cửa hàng”

Hình ảnh minh họa khi không chọn hiển thị “Logo”

2. Hình ảnh chia sẻ trang chủ trên facebook

+ Đây là nơi thiết lập hình ảnh hiển thị khi chia sẻ trang chủ lên facebook

+ Sau khi update hình ảnh ở thiết lập thì vào 2 link sau để gỡ lỗi chia sẻ

• Gỡ lỗi chia sẻ Facebook: https://developers.facebook.com/tools/debug/?locale=vi_VN

• Gỡ lỗi chia sẻ Zalo: https://developers.zalo.me/tools/debug-sharing

3. Harasocial

+ Đây là nơi thiết lập icon chat từ Harafunnel, hiển thị ở mobile khi “Nhóm Icons” được chọn

Hình ảnh minh họa hiển thị “Harasocial”

4. Nhóm Icons

+ Đây là nơi thiết lập màu sắc, nội dung,.. của các icon liên hệ. Trong trường hợp bạn không muốn sử dụng Icon nào, có thể chọn vào Hiển thị, để chủ động bật tắt được các icon.

Hình ảnh minh họa hiển thị “Nhóm Icons” trên desktop

Hình ảnh minh họa hiển thị “Nhóm Icons” trên mobile

5. Popup đăng ký nhận thông tin

+ Đây là nơi thiết lập thông tin và thời gian hiển thị popup đăng ký nhận thông tin 

+ Giao diện cung cấp tùy chọn 2 kiểu popup: 

• Popup Banner

• Popup form đăng kí

+ Bạn chọn 1 trong 2 kiểu ở phần “Chọn Popup” như sau:

5.1. Popup Banner

+ Popup này chỉ hiển thị 1 hình ảnh + đường dẫn bạn nhập, khi khách hàng click vào hình ảnh trên popup, sẽ chuyển qua link mà bạn nhập

+ Thiết lập banner ở phần “Popup Banner”

Hình ảnh minh họa “Popup Banner”

5.2. Popup form đăng kí

+ Popup này hiển thị form đăng ký, dùng cho việc lấy thông tin của khách hàng, giới thiệu chương trình khuyến mãi… 

+ Thiết lập thông tin popup ở phần “Popup form đăng kí”

Hình ảnh minh họa “Popup form đăng kí”

6. Mục menu chính

+ Đây là nơi thiết lập menu hiển thị ở đầu trang

Hình ảnh minh họa “Mục menu chính” trên desktop

+ Trên mobile, menu hiển thị khi click vào menu bar ở đầu trang

Hình ảnh minh họa “Mục menu chính” trên mobile

7. Thiết lập sản phẩm

+ Đây là nơi thiết lập hiển thị chung cho sản phẩm ở Trang chủ, trang Nhóm sản phẩm, trang Sản phẩm (phần “Sản phẩm liên quan”, “Sản phẩm đã xem”)

7.1. Số lượng sản phẩm hiển thị trên một dòng

+ Số lượng sản phẩm hiển thị trên một dòng ở desktop (đang chọn là 5)

+ Số lượng sản phẩm hiển thị trên một dòng ở mobile (đang chọn là 2)

Hình ảnh minh họa “Số lượng sản phẩm hiển thị trên một dòng” ở desktop và mobile của nhóm sản phẩm Trang chủ

Hình ảnh minh họa “Số lượng sản phẩm hiển thị trên một dòng” ở desktop và mobile của Trang Nhóm sản phẩm

Hình ảnh minh họa “Số lượng sản phẩm hiển thị trên một dòng” ở desktop và mobile của “Sản phẩm liên quan” Trang Sản phẩm

Hình ảnh minh họa “Số lượng sản phẩm hiển thị trên một dòng” ở desktop và mobile của “Sản phẩm đã xem” Trang Sản phẩm

7.2. Kích thước hình ảnh

+ Đây là nơi thiết lập tỷ lệ khung ảnh sản phẩm

• Nếu để trống kích thước hiển thị là 100% (khung vuông)

• Công thức tính tỉ lệ %: (Height / Width * 100%). Ví dụ: Hình ảnh sản phẩm có tỉ lệ là 16:9 =>  16:9 = 56.25% = (9 / 16 * 100%)

+ Hiện tại đang nhập tỉ lệ là 110, hiển thị tỉ lệ khung ảnh trên website như sau:

Hình ảnh minh họa tỉ lệ khung ảnh sản phẩm

7.3. Hiển thị thương hiệu

+ Đây là nơi tùy chọn ẩn/hiện thương hiệu sản phẩm

Hình ảnh minh họa “Hiển thị thương hiệu sản phẩm” ở module sản phẩm

Hình ảnh minh họa “Hiển thị thương hiệu sản phẩm” ở trang Chi tiết sản phẩm

7.4. Hiển thị button mua hàng

+ Đây là nơi tùy chọn ẩn/hiện và thiết lập màu sắc cho button mua hàng

Hình ảnh minh họa “Hiển thị button mua hàng”

8. Frame Promotion

+ Đây là nơi thiết lập frame promotion chung cho sản phẩm ở Trang chủ, trang Nhóm sản phẩm, trang Sản phẩm (phần “Sản phẩm liên quan”, “Sản phẩm đã xem”)

+ Hướng dẫn:

• Source Sticker: Bạn truy cập vào mục Cấu hình trong admin -> Chọn File -> Tải File va Copy đường dẫn

•  Kích thước Frame Promotion hiển thị 480x70 pixel hoặc 480x480 pixel, file png nền trong suốt.

+ Nhập tag (Nhãn) cho sản phẩm giống với thông tin nhập ở trường “Tag Sticker”, để hiển thị frame theo đúng frame tương ứng với tag đã nhập (link hình ảnh frame nhập ở trường “Source Sticker”)

VD: Đang có chọn hiển thị “Tag Sticker” là “promotion_2”, sản phẩm có gắn “Nhãn” này sẽ hiển thị frame tương ứng ở trường “Source Sticker”

Hình ảnh minh họa hiển thị “Frame Promotion” tương ứng với “Nhãn” sản phẩm

9. Thiết lập mã khuyến mãi (coupon)

+ Đây là nơi tùy chọn ẩn/hiện, thiết lập màu sắc và thông tin mã khuyến mãi. Hiển thị ở “Trang chủ”, trang “Chi tiết sản phẩm” và trang “Giỏ hàng”. Giao diện cung cấp thiết lập 4 mã khuyến mãi và tùy chọn 2 kiểu hiển thị mã khuyến mãi.

9.1. Kiểu hiển thị 1

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 1” ở Trang chủ

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 1” ở trang Chi tiết sản phẩm giao diện “Style 1”

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 1” ở trang Chi tiết sản phẩm giao diện “Style 2”

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 1” ở trang Chi tiết sản phẩm giao diện “Style 3”

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 1” ở trang Chi tiết sản phẩm giao diện “Style 4”

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 1” ở trang Giỏ hàng

9.2. Kiểu hiển thị 2

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 2” ở Trang chủ

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 2” ở trang Chi tiết sản phẩm giao diện “Style 1”

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 2” ở trang Chi tiết sản phẩm giao diện “Style 2”

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 2” ở trang Chi tiết sản phẩm giao diện “Style 3”

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 2” ở trang Chi tiết sản phẩm giao diện “Style 4”

Hình ảnh minh họa hiển thị mã khuyến mãi theo “Kiểu hiển thị 2” ở trang Giỏ hàng

10. Thiết lập link livestream từ fanpage của bạn

+ Đây là nơi tùy chọn ẩn/hiện, thiết lập màu sắc và thông tin link livestream

- Hướng dẫn cách nhúng video từ Facebook: 

1. Mở Facebook trên máy tính -> Đi đến video bạn muốn nhúng 

2. Nhấp vào icon 3 chấm bên phải video và chọn Nhúng. Lưu ý rằng bạn sẽ chỉ thấy tùy chọn này nếu đối tượng xem video là Công khai. 

3. Sao chép mã hiển thị rồi dán vào mục trên. 

Chú ý: Nếu bạn nhúng video nhưng đối tượng xem video không còn là Công khai, trang web sẽ hiển thị tin nhắn cho biết video nhúng không còn ở đó nữa.

Hình ảnh minh họa hiển thị “Live stream” trên desktop

Hình ảnh minh họa hiển thị “Live stream” trên mobile