Skip to content

Collection Page

Capie include 4 Collection page layout. You can select one at Theme settings > Collection Page

Screenshot

From Customize (Theme Editor) go to Collection page to load Collection page section.

Screenshot

General Settings

Collection Settings

  • Display Collection Title.

  • Display Collection Featured Image: it will show the Collection image. This method will show different image for each collection.

  • Collection All Featured Image: the option for the /collections/all page. It's All producs page.

  • Display Collection Description: show description of collection.

  • Enable Sort by: Show the Sort by. The Sort default Featured will follow your sort setting in each collection.

  • Enable Result: it's the showing, such as: Showing 1 - 6 of 6 results at bottom/left of the content.

  • Enable Pagination: show Next/Prev button at bottom/right of the content.

Collection Page Layout

  • Collection layout: set default columns of product per row.

  • Pagination limit: limit products per page.

Content Settings

Screenshot

Below guide for these content blocks used as default (demo). You can click Screenshot to add new block content. Depend on layout selected, will have different blocks element.


This content only work in Sidebar layout. It will show all collections in your site.


This content only work in Sidebar layout. It will show Navigation (link list) as Collections link that you want show.

  • Block content Title as add new: Custom Menu

  • Block content Title as existed in demo: By Categories.

Screenshot

You need input Block title (Section Name), select Position, Display on and pick Link list to show navigation collections.


Filter

It will show Vendor/Type/Tags of viewing collection to filter.

  • Block content Title as add new: Filter

  • Block content Title as existed in demo: Filter by Brands Filter by Colors Filter by Sizes Filter by Prices

Screenshot

Click to edit.

You need input Block title (Section Name), select Position, Display on, Filter type and tags for Tags filter.

The Filter as Tags type only show value of viewing products. Example, go to Collection A have 24 products, the Filter Tags will show value of only 24 products.

There is 4 Filter type:

  • Color: show tags value as color box Screenshot

  • Size: show tags value in circle border Screenshot

  • Product Vendor: show Vendor value in checkbox Screenshot

  • Product Type: show Type value in checkbox Screenshot

  • Other: show tags value in checkbox Screenshot


Filter by Brands (Vendor)

Need select Filter type is Product Vendor

Screenshot


Filter by Colors (Tags)

Need select Filter type is Color and input these color tags into Tags field (separate tags with comma). The value filter will show as Color box (circle with color).

Screenshot

For Tags filter, you also need tag these tags (that you define in Filter) into your products.

Screenshot

For the color of circle color value, you need define color mapping first. Read more here.

Screenshot


Filter by Sizes (Tags)

Need select Filter type is Sizes and input these size tags into Tags field (separate tags with comma). The value filter will show as Text box (circle with text).

Screenshot

For Tags filter, you also need tag these tags (that you define in Filter) into your products.


Filter by Prices (Tags)

Need select Filter type is Other and input these price tags into Tags field (separate tags with comma). The value filter will show as Checkbox.

Screenshot

For Tags filter, you also need tag these tags (that you define in Filter) into your products.


Screenshot

Edit the content

Screenshot

You need input Block title (Section Name), select Position (must be Left Sidebar), Display on, Responsive options group and Slider options group.


It will show banner with custom link.

Screenshot

Edit the content

You need input Block title (Section Name), select Position (must be Left Sidebar), Display on, Upload image, set Width, Height and the link for this banner.

Screenshot


Other blocks

The theme also support other blocks:

  • Category: show all collections in your site with the alphabet order. It can not limit or re-order.

  • Collection lists: show link list collections.

  • HTML: show custom HTML block.


Troubleshooting

How to Config Product layout in Collection Page

Please read the guide here.

Fiter with Tags don't work

Make sure that you have tag these tags (input in Tags field) into your products.

Screenshot

Custom color for Filter with Tags

Please read the guide here.