Trang bộ sưu tập mở ra khi khách bấm vào một bộ sưu tập. Mục chính của trang, Sản phẩm trong bộ sưu tập, hiển thị các sản phẩm trong bộ sưu tập đó dưới dạng lưới thẻ. Mục này là bắt buộc trên trang này.
Tìm nó ở đâu
- Mở trình thiết kế và chọn Trang bộ sưu tập trong tab Trang.
- Chọn một bộ sưu tập để xem trước. Việc này chỉ thay đổi bản xem trước: một thiết kế được dùng cho mọi bộ sưu tập của bạn.
- Bấm Sản phẩm trong bộ sưu tập.
Cài đặt của mục
- Chiều rộng mục: Trang hoặc Toàn bộ.
- Cột: 1 đến 8 thẻ mỗi hàng trên máy tính.
- Số cột trên di động: 1 hoặc 2 thẻ mỗi hàng trên điện thoại.
- Phối màu, Khoảng cách giữa các thẻ, khoảng đệm và CSS tùy chỉnh.
Các khối
- Thẻ sản phẩm: giao diện của từng sản phẩm. Khối này bắt buộc và không thể đặt trong nhóm. Xem Thẻ sản phẩm và thẻ bộ sưu tập.
- Văn bản (tối đa 2), Đường phân cách (1) và Nhóm (1): đặt chúng phía trên hoặc phía dưới lưới.
Hiển thị tên và mô tả bộ sưu tập
Vì một thiết kế phục vụ mọi bộ sưu tập, các khối Văn bản trong mục này có thể hiển thị giá trị thực. Hãy gõ chúng vào đoạn chữ:
{{collection_name}}: tên của bộ sưu tập đang được xem.{{collection_description}}: mô tả của nó.{{products_count}}: số sản phẩm trong đó.
Trang bộ sưu tập mới bắt đầu với một tiêu đề hiển thị {{collection_name}}. Ví dụ, hãy viết "{{collection_name}}: {{products_count}} sản phẩm". Tên và mô tả được lấy từ chính bộ sưu tập, xem Làm sao để sắp xếp sản phẩm vào bộ sưu tập?
Sản phẩm được liệt kê thế nào
- Sản phẩm mới nhất của bộ sưu tập đứng đầu.
- Những sản phẩm đầu tiên được tải cùng trang, và nút xem thêm dưới lưới sẽ tải các sản phẩm tiếp theo.
- Sản phẩm bị ẩn sẽ bị loại ra.
Các việc thường làm
- Hiển thị mô tả dưới tiêu đề: thêm khối Văn bản thứ hai với
{{collection_description}}và kéo nó xuống dưới tiêu đề. - Thẻ lớn hơn trên máy tính: giảm Cột, ví dụ từ 4 xuống 3.
Các mục khác cho trang này
Thêm Bộ sưu tập con để hiển thị các bộ sưu tập con của bộ sưu tập đang xem, ví dụ "Áo sơ mi" và "Quần dài" bên trong "Nam". Xem Mục Bộ sưu tập con. Bạn cũng có thể thêm bất kỳ mục nào được phép trên mọi trang, như banner hình ảnh hoặc câu hỏi thường gặp.
Trang liệt kê tất cả bộ sưu tập tại example.com/collections là một trang khác, Trang các bộ sưu tập. Xem Bạn có thể chỉnh sửa những trang nào của cửa hàng trong trình thiết kế?
Khắc phục sự cố
- Một biến hiển thị như chữ thường: kiểm tra chính tả và dấu ngoặc nhọn kép. Các biến chỉ hoạt động trong khối Văn bản của mục này.
- Thiếu một sản phẩm: kiểm tra nó đã được xuất bản, không bị ẩn và đã được thêm vào bộ sưu tập đó.
- Mọi bộ sưu tập đều hiển thị cùng một tiêu đề: bạn đã gõ một cái tên cố định vào tiêu đề. Hãy thay nó bằng
{{collection_name}}.