LogoLogo
HomeTheme DocsSupportTry Primavera
  • Primavera Theme Docs
  • Guides
    • Quick start
    • Accessibility
    • SEO
    • How to set up the same homepage sections as the demo stores
    • How to add a mega menu
    • How to add a sidebar menu promotion
    • How to add product swatches
    • How to add a product subtitle/cutline
    • How to add product badges
    • How to add product recommendations
    • How to add an external video
    • How do I enable right-to-left support
  • Theme settings
    • Spacing
    • Appearance
    • Logo
    • Colors
    • Typography
    • Product card
    • Mini product
    • Collection card
    • Blog post card
    • Search behavaior
    • Social media
    • Currency format
    • Cart
    • Optimizations
    • Custom CSS
  • Sections
    • Announcement bar
    • Back to top
    • Banner grid
    • Before/after image
    • Bottom bar
    • Blog posts
    • Cart drawer
    • Collapsible content
    • Collection list
    • Contact form
    • Countdown timer
    • Custom liquid
    • External video
    • Featured collection
    • Featured post
    • Featured product
    • Footer
    • Header
    • Image banner
    • Image hotspot
    • Image with text
    • Logo list
    • Media grid
    • Multicolumn
    • Newsletter
    • Newsletter popup
    • Rich text
    • Rich text columns
    • Scrolling content
    • Search modal
    • Section header
    • Shoppable banner
    • Sidebar menu
    • Slideshow
    • Split banner
    • Split card
    • Stacked images with text
    • Testimonials
    • Video banner
    • Video with text
  • Blocks
    • Badges
    • Buttons
    • Card
    • Collapsible
    • Heading
    • Image
    • Liquid
    • Mini product
    • Page
    • Product
    • Text
    • Video
  • Templates
    • 404
    • Account
    • Blog
    • Blog post
    • Cart page
    • Collection
    • Collection list
    • Gift card
    • Home page
    • Product
    • Password
    • Search
  • FAQs
    • Why isn't my video autoplaying?
    • How do I edit the default theme content?
    • Where do newsletter signups go?
    • Why are my images cropped?
    • How can I change the meta color?
  • Advanced
    • Customizing code
    • JavaScript events
    • How to refresh the cart using JavaScript
    • Use a custom font
  • Contact support
Powered by GitBook
On this page
  • Collection header
  • Collection grid
  1. Templates

Collection

PreviousCart pageNextCollection list

Last updated 24 days ago

Primavera's default collection template is composed of two sections:

Collection header

Collection header is used on the collection pages to output a section header for a collection.

This section will display the collection name, the item count (if text accents are enabled globally) and the collection image as an optional banner image.

Collection header settings

  • Background: Choose between color scheme or image to display a background image in this section. By default, this will use the collection’s image, but you can override it to use a static image, or an image from a metafield.

  • Minimum header height: Choose between 5 different heights, adapt to media, small, medium, large and fit screen to achieve your desired look and feel.

  • Description: You have the option to choose to display the collection description as set in the admin, or no description at all.

  • Desktop header layout: You can choose between a left-aligned or centered header layout.

Collection grid

The collection grid is the main body of the collection template, comprising the products themselves and filtering/sorting when enabled.

  • Layout:

    • Maximum products to show: Number of products per page. To maintain a balanced layout, consider the number of columns chosen for both desktop and mobile views.

    • Desktop columns

    • Mobile columns

    • Enable infinite scroll: When enabled, a "Load more" button appears below the maximum products per page, inviting users to reveal more products.

    • Empty collection link: When there are no products in a collection, a Continue shopping button can be displayed.

  • Sorting and filtering:

    • Enable sorting

    • Enable filtering

    • Filter layout: Choose between modal (default) and sidebar Available in version 1.1.0 and later

    • Enable max height on filters: Limits the height of each filter to make scrollable windows, useful if your store has many filters.

    • Open filters by default: Choose whether filter collapsibles should be open or closed on page load Available in version 1.1.0 and later

    • Active filter style: When sidebar layout is selected, choose the style of the active filters Available in version 1.1.0 and later

  • Color scheme/Color scheme transition

  • Padding

  • Borders

Show submenu: To show an optional submenu, with the same name (i.e. handle) as the collection and enable this checkbox. This can help group related collections in a store with many diferent collections. Submenus are matched up to a collection based on their handles. For example, to add a submenu to a Shop All collection, with handle shop-all, create a menu called "Shop All" so it also has the shop-all handle.

Enable sticky filters: When enabled, collection filters will remain visible as users scroll. To improve the user experience, this disables the .

Can't find the setting you're looking for? The following settings are explained in detail in :

create a menu
common settings
Collection template on Primavera Distinction
sticky header