Collection list page settings

Settings  Description
Show breadcrumbs By enabling this option, breadcrumbs will be displayed above the page banner, providing navigation links to help visitors back to main page – homepage.
Heading Add a heading to the collection list page.
Heading size

The heading size setting offers four options to control the size of the heading:

  • Small
  • Medium
  • Large
Top padding The 'Top padding' setting allows you to adjust the amount of space at the top of the banner using a slider. 
Bottom padding The 'Bottom padding' setting functions similarly to the “Top padding” setting, but controls the space at the bottom of the banner. 
Top padding mobile The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the banner specifically for mobile devices, using a slider.
Bottom padding mobile The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the banner for mobile devices.

Grid

Settings  Description
Sort collections by:

Choose the sorting option for displaying collections on the collection list page template. This can include options like alphabetical order, price, or date.

*These settings are designed specifically for default collections added to the Collection section on the Dashboard, allowing you to sort them according to your preferences. However, when utilizing a custom collection block, use other settings for changing their appearance.

Image ratio Set the aspect ratio of collection images.
Desktop layout
  • Grid
  • Collage


Section padding


Setting Description
Top padding The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. 
Bottom padding The 'Bottom padding' setting functions similarly to the “Top padding” setting, but controls the space at the bottom of the section. 
Top padding mobile The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us