Thiết Kế Trang Bộ Sưu Tập Trong Trình Chỉnh Sửa Giao Diện (Giao Diện OS 3.0)

Trang Bộ sưu tập của bạn là nơi khách hàng duyệt các sản phẩm trong một bộ sưu tập cụ thể trong cửa hàng của bạn. Trong Trình chỉnh sửa Chủ đề cho các chủ đề OS 3.0, bạn có thể tùy chỉnh phần đầu trang, danh sách sản phẩm và các cài đặt riêng cho trang này trực tiếp từ bảng quản trị SHOPLINE của bạn — không cần mã hóa.

Hướng dẫn này giải thích cách truy cập trang Bộ sưu tập trong Trình chỉnh sửa Chủ đề, cấu hình phần đầu trang, kiểm soát cách hiển thị sản phẩm trên thiết bị di động và thiết lập các tính năng tương tác như Xem nhanh, hiệu ứng di chuột và thẻ khuyến mãi.

Điều hướng đến trang Bộ sưu tập trong Trình chỉnh sửa Chủ đề

Để mở trang Bộ sưu tập trong Trình chỉnh sửa Chủ đề:

1. Từ bảng quản trị SHOPLINE của bạn, đi tới Cửa hàng trực tuyến > Thiết kế > Chủ đề của tôi, sau đó nhấp vào nút Thiết kế trên chủ đề OS 3.0 bạn muốn chỉnh sửa.
   
2. Ở đầu Trình chỉnh sửa Chủ đề, nhấp vào bộ chọn trang và chọn Bộ sưu tập từ danh sách các loại trang.
3. Nhấp vào Bộ sưu tập (dòng có mũi tên >) để mở danh sách mẫu của nó, sau đó chọn Mặc định để chỉnh sửa bố cục trang Bộ sưu tập tiêu chuẩn, hoặc nhấp + Tạo mẫu để xây dựng bố cục tùy chỉnh bạn có thể gán cho các bộ sưu tập cụ thể.
   
4. Sử dụng danh sách thả xuống bộ sưu tập ở thanh bên trái để chọn bộ sưu tập bạn muốn xem trước trong khi thực hiện thay đổi.
   

Cấu hình thành phần Đầu trang Bộ sưu tập

Ở đầu trang Bộ sưu tập của bạn, khách hàng sẽ thấy một hình ảnh biểu ngữ tiêu đề và một đường dẫn phân cấp hiển thị vị trí của họ trong cửa hàng của bạn. Phần này hướng dẫn cách đặt hình ảnh biểu ngữ tiêu đề và ẩn nút "Trang chủ" trong đường dẫn phân cấp — hai cài đặt được cập nhật gần đây nhất, đều nằm trong khối Hình ảnh bộ sưu tập của thành phần Tiêu đề bộ sưu tập. Các khối Tiêu đề và Mô tả bộ sưu tập sử dụng cùng các cài đặt tiêu chuẩn được chia sẻ trong Trình chỉnh sửa chủ đề — xem "Thiết kế trang cửa hàng với các thành phần Trình chỉnh sửa chủ đề (OS 3.0 Themes)" để xem danh sách đầy đủ các thành phần và cài đặt của chúng.

Tải lên hình ảnh biểu ngữ tiêu đề

Để tải lên hoặc cập nhật hình ảnh biểu ngữ tiêu đề:

1. Trong Trình chỉnh sửa chủ đề, vào trang Bộ sưu tập. Dưới Mẫu, nhấp vào Tiêu đề bộ sưu tập.
2. Nhấp vào Hình ảnh bộ sưu tập để mở bảng cài đặt của nó.
3. Tải lên một hình ảnh cho biểu ngữ tiêu đề. Trong cùng bảng này, đặt trường Hình ảnh biểu ngữ trên thiết bị di động để kiểm soát hình ảnh hiển thị cho khách truy cập trên thiết bị di động.
4. Nhấp Lưu để áp dụng các thay đổi của bạn.

Ẩn nút "Trang chủ" trong đường dẫn phân cấp trang Bộ sưu tập

Trang Bộ sưu tập cũ bao gồm một nút "Trang chủ" được mã hóa cứng trong đường dẫn phân cấp mà không thể xóa, nhưng bạn có thể ẩn nó. Để ẩn nó:

1. Trong Trình chỉnh sửa chủ đề, vào trang Bộ sưu tập. Dưới Mẫu, nhấp vào Tiêu đề bộ sưu tập.
2. Nhấp vào Hình ảnh bộ sưu tập để mở bảng cài đặt của nó.
3. Bật Ẩn đường dẫn phân cấp.
   
4. Nhấp Lưu để áp dụng các thay đổi của bạn.

Cấu hình thành phần Danh sách sản phẩm

Lưới sản phẩm trên trang Bộ sưu tập của bạn có thể thích ứng với cách khách hàng duyệt — hiển thị một hoặc hai sản phẩm mỗi hàng trên thiết bị di động, cho phép người mua xem trước sản phẩm mà không cần rời trang, thu hút sự chú ý đến khuyến mãi giữa các sản phẩm, cho phép khách hàng lọc và sắp xếp những gì họ thấy, và tự động ẩn bộ lọc khi một bộ sưu tập trở nên quá lớn để lọc hiệu quả.

Mục này bao gồm các cài đặt đó, tất cả đều nằm trong thành phần Danh sách sản phẩm. Các khối khác, chẳng hạn như Tiêu đề sản phẩm, Giá sản phẩm, Huy hiệu giảm giá và Nút mua hàng, sử dụng các cài đặt tiêu chuẩn giống nhau được chia sẻ trên toàn bộ Trình chỉnh sửa Chủ đề, xem "Thiết kế Trang cửa hàng với các Thành phần Trình chỉnh sửa Chủ đề (Chủ đề OS 3.0)" để xem danh sách đầy đủ các thành phần và cài đặt của chúng.

Chọn Số lượng Sản phẩm Hiển thị trên mỗi Hàng trên Di động

Để cho phép khách hàng chuyển đổi giữa một hoặc hai sản phẩm trên mỗi hàng khi duyệt trang Bộ sưu tập của bạn trên thiết bị di động:

1. Từ bảng quản trị SHOPLINE của bạn, đi tới Cửa hàng trực tuyến > Thiết kế > Chủ đề của tôi. Chọn một chủ đề OS 3.0 và nhấp vào Thiết kế để vào Trình chỉnh sửa Chủ đề.
2. Đi tới trang Bộ sưu tập và chọn một bộ sưu tập từ danh sách thả xuống. Dưới Mẫu, nhấp vào Danh sách sản phẩm để mở bảng cài đặt của nó.

3. Bật Công tắc đa cột cho hiển thị trên di động.
   

   Mẹo: Để xem trước cách hiển thị trên di động trong khi bạn cấu hình, nhấp vào công tắc thiết bị ở đầu Trình chỉnh sửa Chủ đề và chuyển sang chế độ xem Di động.

4. Đặt Số cột mặc định trên di động và Số cột thay thế có thể chuyển đổi từ các danh sách thả xuống, sau đó nhấp Lưu.
   

Bật Xem Nhanh và Lớp Di chuột Nổi trên Thẻ Sản phẩm

Khối Lớp phủ hình ảnh trên cùng nằm phía trên hình ảnh sản phẩm của bạn và có thể chứa nút Xem nhanh cùng các nội dung khác. Nó cũng điều khiển hiệu ứng Lớp di chuột nổi, cách nội dung đó xuất hiện khi khách hàng di chuột qua sản phẩm. Để thiết lập:

1. Trong Trình chỉnh sửa Chủ đề, đi đến trang Bộ sưu tập. Dưới Bộ sưu tập, nhấp vào biểu tượng mũi tên xuống để chọn một bộ sưu tập để xem trước.
2. Dưới Danh sách sản phẩm, đi đến Thẻ sản phẩm > Hình ảnh sản phẩm, di chuột qua Lớp phủ hình ảnh trên cùng, nhấp + Thêm nội dung, và chọn Nút xem nhanh (bạn cũng có thể thêm nội dung khác vào lớp phủ này).
   
3. Tùy chỉnh văn bản, màu sắc và định dạng của nút Xem nhanh trong cài đặt của nó. Mặc định, nút hiển thị là Xem thêm.
   
4. Nhấp vào chính Lớp phủ hình ảnh trên cùng để cấu hình hiệu ứng Lớp nổi khi di chuột, chọn Lớp phủ cố định, Lớp phủ mờ dần khi vào, hoặc Lớp phủ mờ dần khi ra để kiểm soát cách nội dung lớp phủ xuất hiện.
   
5. Nhấp Lưu để áp dụng các thay đổi của bạn.

Thêm Thẻ Khuyến mãi vào Trang Bộ sưu tập của Bạn

Thẻ khuyến mãi là một khối bạn có thể thêm cùng với Thẻ sản phẩm dưới Danh sách sản phẩm để làm nổi bật một chương trình khuyến mãi trong lưới sản phẩm của bạn. Để thêm và cấu hình nó:

1. Trong Trình chỉnh sửa Chủ đề, đi đến trang Bộ sưu tập. Dưới Danh sách sản phẩm, nhấp vào + Thêm nội dung và chọn Thẻ khuyến mãi.
2. Nhấp vào Thẻ khuyến mãi để mở bảng cài đặt của nó.
3. Dưới mục Hình ảnh, nhấp vào + Thêm hình ảnh để tải lên hình ảnh khuyến mãi. Bạn cũng có thể tải lên một Hình ảnh trên thiết bị di động riêng biệt, và đặt Khu vực hiển thị hình ảnh (ví dụ, Giữa).
   
4. Đặt văn bản Tiêu đề và chọn Kiểu chữ tiêu đề (ví dụ, Tiêu đề 5).
5. Thêm Mô tả bằng trình soạn thảo văn bản phong phú.
6. Nhấp Lưu để áp dụng các thay đổi của bạn.

Bật Bộ lọc cho Trang Bộ sưu tập của Bạn

Khách hàng có thể lọc các sản phẩm trên trang Bộ sưu tập của bạn — ví dụ, theo giá hoặc tùy chọn biến thể — khi bạn bật Bật bộ lọc dưới Danh sách sản phẩm. Việc khách hàng thấy bộ lọc gốc của chủ đề hay bộ lọc của ứng dụng lọc phụ thuộc vào các ứng dụng bạn đã cài đặt. Để bật nó:

1. Trong Trình chỉnh sửa Chủ đề, đi đến trang Bộ sưu tập. Dưới Mẫu, nhấp vào Danh sách sản phẩm để mở bảng cài đặt của nó.
2. Dưới Sắp xếp và lọc, bật Bật bộ lọc.
   
3. Nhấp Lưu để áp dụng các thay đổi của bạn.

Hiểu về Giới hạn Hiển thị Bộ lọc trên Trang Bộ sưu tập và Tìm kiếm

Để đảm bảo hiệu suất tối ưu, các bộ lọc chỉ được hiển thị khi số lượng sản phẩm nằm trong phạm vi được hỗ trợ:

• Trang bộ sưu tập: lên đến 5.000 mục.
• Trang kết quả tìm kiếm: lên đến 1.000 mục.