Template default collection

This page will list all the products in your collection list.

Configure main collection

Select the customize theme option. At the top of the page click on the dropdown menu to select the Collection > Default collection template.

  1. From the left side menu, select Main collection.

Customize this section by using the setting on the right side of the theme editor, as described below;

Main collection

Enable banner image

Select/deselect the checkbox to enable Banner content.

Note: It will default show the collection featured image as a banner. The collection will show the custom banner image if it does not have featured images. Custom banner image Select a custom banner image from your library.

Note: 1920 x 200px recommended. Desktop height

Select the height for the desktop view from the given options: -Auto

-Small

-Medium

-Large

Mobile height

Select the height for the mobile view from the given options: -Auto -Small

-Medium

-Large Heading size Select the heading size from the H1-H6 options. Heading tag Specify heading code types for SEO and search engines for crawling purposes.

COLLECTION

Show collection title Select this checkbox to enable the collection title on the page. Enable collection title overlay Select this checkbox to enable the collection title overlay on the page. Show collection description Select this checkbox to enable the collection description. Products per page Adjust the slider to add products per page. You can add products from 8 to 28. Enable infinite scroll Select/deselect this checkbox to enable/disable the infinite scrolling of the products. Infinite scroll type Select from the options: - On scroll - On button click Grid image ratio

Select the image ratio from the given options;

  1. Auto

  2. Landscape

  3. Portrait

  4. Square

Grid image fit Select the image fit from the following options: - Cover - Contain

FILTER & SORTING

Enable filtering Select the checkbox to enable Filter. Enable sorting

Select the checkbox to enable Sorting.

COLORS

Color scheme

Select the color scheme from the given options;

-Primary -Secondary

-Tertiary

-Quaternary

Note: These can be managed from Theme settings> color schemes. Banner background

Select any color for Banner Background.

Banner overlay background Select any color for the banner overlay background.

Heading

Select any color for Heading. Note: Only applicable for overlay heading.

Banner overlay opacity

Adjust the slider to select the banner overlay opacity. Bottom bar mobile Background Select any color for the filter bar background on mobile devices. Text Select any color for the filter bar text on mobile devices.

SECTION SPACING

Top spacing (desktop)

Adjust the slider to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the slider to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the slider to add spacing at the top of the section for mobile view.

Bottom spacing (mobile)

Adjust the slider to add spacing at the bottom of the section for mobile view.

Last updated