Thiết lập Trang nhóm sản phẩm theme Techgo

1. Banner header

+ Đây là nơi tùy chọn ẩn/hiện và thiết lập banner cho nhóm sản phẩm (banner này hiển thị trong trường hợp nhóm sản phẩm chưa có ảnh đại diện)

Hình ảnh minh họa “Banner header” khi nhóm sản phẩm có ảnh đại diện ở desktop

Hình ảnh minh họa “Banner header” khi nhóm sản phẩm có ảnh đại diện ở mobile

Hình ảnh minh họa “Banner header” khi nhóm sản phẩm chưa có ảnh đại diện ở desktop

Hình ảnh minh họa “Banner header” khi nhóm sản phẩm chưa có ảnh đại diện ở mobile

2. Sắp xếp

+ Đây là nơi tùy chọn ẩn/hiện và thiết lập tiêu đề sắp xếp sản phẩm trang nhóm sản phẩm

Hình ảnh minh họa “Sắp xếp” ở desktop

+ Ở giao diện mobile có 2 trường hợp:

- Không chọn hiển thị bộ lọc ở mục “5. Bộ lọc sản phẩm” thì cần click vào “Sắp xếp” để hiển thị “Sắp xếp”

- Có chọn hiển thị bộ lọc ở mục “5. Bộ lọc sản phẩm” thì cần click vào “Bộ lọc” để hiển thị “Sắp xếp”

Hình ảnh minh họa “Sắp xếp” khi không chọn hiển thị bộ lọc sản phẩm ở mobile

Hình ảnh minh họa “Sắp xếp” khi có chọn hiển thị bộ lọc sản phẩm ở mobile

3. Phân trang

+ Đây là nơi thiết lập số sản phẩm hiển thị trên 1 trang ở trang nhóm sản phẩm, nếu số sản phẩm trong nhóm nhiều hơn số sản phẩm phân trang sẽ hiển thị nút “Xem thêm sản phẩm”.

+ Thiết lập số sản phẩm hiển thị trên một dòng ở mục “2. Thiết lập chung” => “7. Thiết lập sản phẩm”.

Hình ảnh minh họa “Phân trang” khi số lượng sản phẩm của nhóm lớn hơn số phân trang ở desktop và mobile

4. Danh mục sản phẩm

+ Đây là nơi thiết lập menu danh mục sản phẩm. Hiển thị ở cột trái của trang Nhóm sản phẩm (hiển thị khi có chọn hiển thị ở mục “2. Sắp xếp” hoặc “5. Bộ lọc sản phẩm”)

Hình ảnh minh họa “Danh mục sản phẩm” của trang Nhóm sản phẩm ở desktop

+ Ở giao diện mobile có 3 trường hợp:

- Có chọn hiển thị sắp xếp và không chọn hiển thị bộ lọc thì cần click vào “Sắp xếp” để hiển thị “Danh mục sản phẩm”

- Có chọn hiển thị sắp xếp và có chọn hiển thị bộ lọc thì cần click vào “Bộ lọc” để hiển thị “Danh mục sản phẩm”

- Không chọn hiển thị sắp xếp và có chọn hiển thị bộ lọc thì cần click vào “Bộ lọc” để hiển thị “Danh mục sản phẩm”

Hình ảnh minh họa “Danh mục sản phẩm” khi không chọn hiển thị bộ lọc sản phẩm ở mobile

Hình ảnh minh họa “Danh mục sản phẩm” của trang Nhóm sản phẩm khi có chọn hiển thị bộ lọc sản phẩm ở mobile

5. Bộ lọc sản phẩm

5.1. Thiết lập chung

+ Đây là nơi tùy chỉnh ẩn/hiện và thiết lập tiêu đề bộ lọc sản phẩm (tiêu đề chỉ hiển thị trên mobile)

Hình ảnh minh họa tiêu đề bộ lọc ở mobile

5.2. Bộ lọc nhà cung cấp / thương hiệu

+ Đây là nơi tùy chỉnh ẩn/hiện và thiết lập thông tin tiêu đề, số lượng hiển thị nhà cung cấp trong bộ lọc. Thông tin nhà cung cấp/thương hiệu lấy từ “Nhà cung cấp” trong admin.

Hình ảnh minh họa “Bộ lọc nhà cung cấp / thương hiệu” ở desktop

Hình ảnh minh họa “Bộ lọc nhà cung cấp / thương hiệu” ở mobile

5.3. Lọc màu sản phẩm

+ Đây là nơi tùy chỉnh ẩn/hiện và thiết lập tiêu đề bộ lọc màu, tùy chỉnh ẩn/hiện từng màu sắc hiển thị ở bộ lọc màu và thiết lập màu sắc theo tên màu tương ứng. Với “Tên màu” là tên của thuộc tính “Màu sắc” của sản phẩm.

Hình ảnh minh họa “Lọc màu sản phẩm” ở desktop

Hình ảnh minh họa “Lọc màu sản phẩm” ở mobile

5.4. Bộ lọc kích thước (tùy chỉnh)

+ Đây là nơi tùy chỉnh ẩn/hiện, tiêu đề và các kích thước cần lọc của bộ lọc kích thước. Ở trường “Nhập kích thước”, các kích thước là tên của thuộc tính kích thước của sản phẩm, các kích thước cách nhau bởi dấu phẩy (,)

Hình ảnh minh họa “Bộ lọc kích thước (tùy chỉnh)” ở desktop

Hình ảnh minh họa “Bộ lọc kích thước (tùy chỉnh)” ở mobile

5.5. Bộ lọc giá sản phẩm

+ Đây là nơi tùy chỉnh ẩn/hiện, tiêu đề và các khoảng giá cần lọc

Hình ảnh minh họa “Bộ Lọc giá sản phẩm” ở desktop và mobile