Collections

Everything you will need to know on how to setup your collectionpage

Jalal avatar
Written by Jalal
Updated over a week ago

The collections settings contain all the settings you need to configure your collection pages. You can build your own collection page from scratch, but ofcourse we've provided the theme with a default collection page.

How to edit the collectionspage?

The collectionpage contains of sections and blocks, these sections and blocks can be added, editted and removed. You can use all the sections that are used on the homepage, but also have some specific ones for the collectionpage.

First you'll have to navigate to the collections template.
You can do this by navigating to Collections -> Default collection in the top bar of the theme editor

Once on this page, the default template is ready to be editted!

General 'Collection' settings

The general collection settings contains the basic settings for the collection page.
The collection section also contain blocks, which are there to add and style the elements of your collectionpage. We will go in depth about this after the general settings.

Simply click on the 'section' to open the settings.

On the right sidebar, the following settings will show:

Collection

Layout

Products per page:
Select how many products you want to show on a page. The minimum option is 12, the maximum is 48.

Pagination

Here you can choose what kind of pagination should be used for your collection page. By default, this is set to "Pages', but you can also select "'Show more' button.

The 'Show more' button is an "infinite-scroll" functionality for your collection page and will stop the page from reloading.

Note that the "You have seen x out of y products" text will not be shown when the setting "Show total amount of products" is disabled.

Pages:

'Show more' button:

Show total amount of products:

Show the amount of products in the bottom of the list/grid.


Product cards layout:
Select the productcard view that should be defaulted here. You can select between the grid view and the list view.
Grid:

List:

Products per row:
Select how many products you want to show on a row. Making this number higher results in smaller product images.
Please note, this option only works for the 'Grid' type

Show collection image:
Do you want to show the collection image on the top of the page? Activate this option.

Show filters
Enable this option if you want to show productfilters in the menu.

Show menu:
Enable this if you want to show the menu (select a menu in the setting below).

Show collections:
Enable this if you want to show collections in the sidebar, duplicate items will be hidden automatically.

Alignment:
Set the alignment of the elements, do you want the sidebar to show on the left or on the right?

Menu:
Select the menu you want to show on the left of the collection page. We recommend using your categories, so customers can navigate around the collections easy without using the header menu.

Collections:
Select related collections and/or choose a menu above. Duplicate items will be hidden automatically.

Enable sticky filters:
Do you want the filters to be sticky (always in screen), enable this option.

Enable 'show more' link after amount of filters:
When do you want the show more link to be active; after how many filters?

Quick shop

Show on desktop:
Enable this if you want the add to cart button to show on your product card on desktop.

Show on mobile:

Enable this if you want the add to cart button to show on your product card on mobile.

Show amount selector:
Enable this if you want to show an amount selector next to the buy button.

Enable compact button:
This will show a shopping cart icon instead of a button with text on desktop.

Enable quick shop drawer:
If you want to enable the quick shop drawer (slide-out of a mini productpage) enable this option.

Mobile Layout

Show amount of products per row:
Select the amount of products per row to show on mobile. This will only apply for the productcard type 'Grid'

Enable sticky filter button:
Check the box if you want the filter button to be sticky on mobile. This way the filter wont be out of the screen.

Blocks of the collections

as stated before, the collections contain blocks. These blocks can be setup in the collection section. The blocks are there to design your collection page to your taste.

We'll go by the product section blocks one by one.


Title block

The title block has no settings, the title block is usually on the top of the page under the header, but you can always move it to your desired place!

Sorting options block

The sorting options block contains the option for the products sorting element. This is the bar with the sorting options and grid/list view selector.

The sorting options block has the following setting:

Show amount of products in the collection:
If you want to enable the 'x products' notice in the sorting options bar, enable this setting. This will show how many products are in the collection

Products block

The products block contains the settings for the product view/grid on the collections pages.

Description block

The description block is usually on the bottom of the page, under the products. You can always move it to your desired place! For example above the products!

It has the following settings:

Content alignment
You can decide if you want to align the text in the description the left or in the center.

Enable 'read more' link:
This may come in handy if you choose to show the description at the very top of your collection page, and the description is quite long. Enabling this setting will show the description only partially by default, and your customers chan click on a 'read more' link to show the rest of the description.

Did this answer your question?