Truly fine

Documentation.

Collections page

Last update:

This is the default Collections page template and it is how your Collections will display if you don’t apply another template to them.

Template contents

The template consists of the following sections:

Collection Banner

The section has both the Show collection description and Show collection image options checked. In order for all the necessary information to show up you will need to set a Title, a Description and a Collection image for each of your Collections. You can do that from the Collections menu under Products in your Shopify Admin.

By default the collection’s description on the banner will have a fixed with for best appearance, but if you find to have longer collection descriptions that need more space, keep in mind you can always enable the “Make description fullwidth” option.

Finally, the “Gradient overlay opacity” setting controls the opacity of the black gradient that overlays the banner’s image.

Product grid

The product grid section is set to display 24 products per page in a four column layout on the desktop.

It has the product filtering and product sorting options enabled. Additionally it is configured to display the product vendor and the product’s stock status.

You can also enable sticky filters bar on mobile. When this setting is enabled, the filters bar will remain fixed to the top of the viewport as your customers scroll on mobile devices.

Finally, you can choose to hide empty filters (instead of disabling them) when they contain no products.

Under Theme Settings > Product Grid the section is set to show two columns on mobile devices. The product’s Image ratio is set to adapt to the provided image. Under Theme Settings > Currency and Prices the Taxed price suffix is inc VAT. Under Theme Settings > Badges the Sale badge displays the word Sale and the Last items threshold is set to three. You can modify each of these default settings according to your store’s needs.

Subcollections

This section displays subcollections for the particular collection. Please refer to this guide to set up your subcollections if you plan on using this section.

The section has the following settings:

Image ratio: This option allows you to select the ratio of the thumbnails that will appear on the collection cards. “Adapt to image” means that the ratio will be the inherent ratio of the image (the default option). PortraitSquare, and Landscape will force the images to be displayed as portrait, square, or landscape ratios respectively.

Show title: Whether to show the title of the collection in the card or not.

Show number of products in collection title: Whether to show the number of products in parentheses next to the title. If the title is disabled, this has no effect.

Desktop layout: With the “Grid” option you can create a typical grid layout of collection cards. A “Slider” option is also available that lets you create a simple slider layout. For this to work correctly, the number of collections added in this section must be greater than the number of collections visible as set by the following setting Number of columns on desktop.

Number of columns on desktop: Sets the number of columns (1 through 6).

Stack on mobile: By default, Athens will try to create a flexible scrollable horizontal list of collection cards on mobile. If you prefer to create a vertical list though, enable this option.

Can't find what you are looking for? Feel free to submit a request.