Thiết lập Trang giới thiệu theme Techgo

+ Trang giới thiệu giao diện cung cấp tùy chỉnh 3 kiểu hiển thị

1. Trang giới thiệu 1

+ Bạn truy cập vào mục Website trong admin => Chọn Trang nội dung => Tạo trang 

+ Tại bước tạo trang, trong phần giao diện, chọn page.about-01 và nhấp Lưu.

 

1.1. Banner breadcrumb

+ Đây là nơi thiết lập ảnh nền breadcrumb cho trang giới thiệu 1

Hình ảnh minh họa “Banner breadcrumb” của Trang giới thiệu 1 ở desktop và mobile

1.2. Về chúng tôi

+ Đây là nơi thiết lập thông tin giới thiệu chung, hai thông tin chia thành 2 cột hiển thị trên desktop, một cột trên mobile

Hình ảnh minh họa “Về chúng tôi” của Trang giới thiệu 1 ở desktop và mobile

1.3. Giới thiệu

+ Đây là nơi thiết lập thông tin giới thiệu hoặc các thông điệp của cửa hàng/doanh nghiệp của bạn. Giao diện cung cấp tùy chỉnh 2 khối thông tin. 

- Khối thông tin 1: ảnh banner ở cột bên trái và nội dung ở cột bên phải (giao diện desktop). 

- Khối thông tin 2: nội dung ở cột bên trái và banner ở cột bên phải (giao diện desktop). 

- Cả 2 khối thông tin hiển thị 1 cột, ảnh banner phía trên và nội dung phía dưới của từng khối ở giao diện mobile.

Hình ảnh minh họa “Thông tin 1” phần giới thiệu của Trang giới thiệu 1 ở desktop và mobile

Hình ảnh minh họa “Thông tin 2” phần giới thiệu của Trang giới thiệu 1 ở desktop và mobile

1.4. Dịch vụ

+ Đây là nơi tùy chỉnh ẩn/hiện và thiết lập thông tin dịch vụ của cửa hàng/doanh nghiệp của bạn. Giao diện cung cấp tùy chỉnh 4 dịch vụ.

Hình ảnh minh họa “Dịch vụ” của Trang giới thiệu 1 ở desktop và mobile

2. Trang giới thiệu 2

+ Bạn truy cập vào mục Website trong admin => Chọn Trang nội dung => Tạo trang 

+ Tại bước tạo trang, trong phần giao diện, chọn page.about-02 và nhấp Lưu.

2.1. Banner breadcrumb

+ Đây là nơi thiết lập ảnh nền breadcrumb cho trang giới thiệu 2

Hình ảnh minh họa “Banner breadcrumb” của Trang giới thiệu 2 ở desktop và mobile

2.2. Giới thiệu

+ Đây là nơi tùy chỉnh ẩn/hiện và thiết lập thông tin giới thiệu của cửa hàng/doanh nghiệp của bạn.

Hình ảnh minh họa “Giới thiệu” của Trang giới thiệu 2 ở desktop và mobile

2.3. Danh mục

+ Đây là nơi tùy chọn ẩn/hiện và thiết lập các thông tin về cửa hàng/doanh nghiệp của bạn. Giao diện cung cấp tùy chỉnh 3 khối thông tin. Các khối thông tin hiển thị 3 cột trên desktop và hiển thị dạng scroll trên mobile.


Hình ảnh minh họa “Danh mục” của Trang giới thiệu 2 ở desktop và mobile

2.4. Thông tin thêm

+ Đây là nơi tùy chọn ẩn/hiện và thiết lập thông tin giới thiệu thêm cho sản phẩm của cửa hàng/doanh nghiệp của bạn (giao diện cung cấp tùy chỉnh 1 khối thông tin chính và 6 khổi thông tin thêm). Thông tin chính hiển thị cột giữa, 6 thông tin thêm hiển thị ở cột trái (thông tin 1 đến thông tin 3) và cột phải (thông tin 4 đến thông tin 6).

Hình ảnh minh họa “Thông tin thêm” của Trang giới thiệu 2 ở desktop

Hình ảnh minh họa “Thông tin thêm” của Trang giới thiệu 2 ở mobile

2.5. Khách hàng đánh giá

+ Đây là nơi tùy chọn ẩn/hiện và thiết lập ảnh nền, thông tin đánh giá từ khách hàng. Giao diện cung cấp tùy chỉnh 4 đánh giá. Các đánh giá hiển thị dạng slider.

Hình ảnh minh họa “Khách hàng đánh giá” của Trang giới thiệu 2 ở desktop và mobile

2.6. Banner image

+ Đây là nơi thiết lập thông tin giới thiệu thêm của cửa hàng/doanh nghiệp của bạn. Giao diện cung cấp tùy chỉnh 2 khối thông tin. 

- Khối thông tin 1: ảnh banner ở cột bên trái và nội dung ở cột bên phải (giao diện desktop). 

- Khối thông tin 2: nội dung ở cột bên trái và banner ở cột bên phải (giao diện desktop). 

- Cả 2 khối thông tin hiển thị 1 cột, ảnh banner phía trên và nội dung phía dưới của từng khối ở giao diện mobile.

 

Hình ảnh minh họa “Thông tin 1” phần giới thiệu của Trang giới thiệu 2 ở desktop và mobile

Hình ảnh minh họa “Thông tin 2” phần giới thiệu của Trang giới thiệu 2 ở desktop và mobile

2.7. Dịch vụ

+ Đây là nơi tùy chọn ẩn/hiện và thiết lập thông tin dịch vụ của cửa hàng/doanh nghiệp của bạn. Giao diện cung cấp tùy chỉnh 4 dịch vụ.

Hình ảnh minh họa “Dịch vụ” của Trang giới thiệu 2 ở desktop và mobile

3. Trang giới thiệu 3

+ Bạn truy cập vào mục Website trong admin => Chọn Trang nội dung => Tạo trang 

+ Tại bước tạo trang, trong phần giao diện, chọn page.about-03 và nhấp Lưu.

 

3.1. Banner breadcrumb

+ Đây là nơi thiết lập ảnh nền breadcrumb cho trang giới thiệu 3

Hình ảnh minh họa “Banner breadcrumb” của Trang giới thiệu 3 ở desktop và mobile

3.2. Giới thiệu

+ Đây là nơi tùy chọn ẩn/hiện và thiết lập ảnh banner, thông tin banner giới thiệu chung. Giao diện cung cấp tùy chỉnh 1 khối thông tin và 3 ảnh banner. Các ảnh banner hiển thị dạng slider.

Hình ảnh minh họa “Giới thiệu” của Trang giới thiệu 3 ở desktop

Hình ảnh minh họa “Giới thiệu” của Trang giới thiệu 3 ở mobile

3.3. Chất lượng dịch vụ

+ Đây là nơi tùy chỉnh ẩn/hiện và thiết lập thông tin chất lượng dịch vụ của cửa hàng/doanh nghiệp của bạn. Giao diện cung cấp tùy chỉnh 6 khối thông tin. 

- Giao diện desktop: Hình ảnh hiển thị cột giữa, 6 khối thông tin hiển thị ở cột trái (thông tin 1 đến thông tin 3) và cột phải (thông tin 4 đến thông tin 6). Khi hover vào từng khối thông tin sẽ thay đổi ảnh ở cột giữa tương ứng với hình ảnh của từng khối thông tin. 

- Giao diện mobile: Không hiển thị hình ảnh, 6 khối thông tin hiển thị 1 cột theo thứ tự từ trên xuống.

Hình ảnh minh họa tiêu đề và màu nền phần “Chất lượng dịch vụ” của Trang giới thiệu 3

Hình ảnh minh họa “Chất lượng dịch vụ” của Trang giới thiệu 3 ở desktop

Hình ảnh minh họa “Chất lượng dịch vụ” của Trang giới thiệu 3 ở mobile

3.4. Cẩm nang

+ Đây là nơi tùy chọn ẩn/hiện và thiết lập thông tin lịch sử hình thành của cửa hàng/doanh nghiệp của bạn. Giao diện cung cấp tùy chỉnh 4 khối thông tin. 

- Khối thông tin 1, khối thông tin 3: ảnh banner ở cột bên trái và nội dung ở cột bên phải (giao diện desktop). 

- Khối thông tin 2, khối thông tin 4: nội dung ở cột bên trái và banner ở cột bên phải (giao diện desktop). 

- Cả 4 khối thông tin hiển thị 1 cột, ảnh banner phía trên và nội dung phía dưới của từng khối ở giao diện mobile.

 

Hình ảnh minh họa phần “Thông tin 1, Thông tin 2” của “Cẩm nang” Trang giới thiệu 3 ở desktop

Hình ảnh minh họa phần “Thông tin 1, Thông tin 2” của “Cẩm nang” Trang giới thiệu 3 ở mobile

 

Hình ảnh minh họa phần “Thông tin 3, Thông tin 4” của “Cẩm nang” Trang giới thiệu 3 ở desktop

Hình ảnh minh họa phần “Thông tin 3, Thông tin 4” của “Cẩm nang” Trang giới thiệu 3 ở mobile