Collection

Collection

This section controls how products are displayed on a collection template page. It includes layout, filtering, and product card settings to tailor the collection browsing experience.

Color scheme

Sets the color scheme (background, text, etc.) for the section.

Number of Columns

Sets the number of product columns on desktop view.

Select Collection Filter Type

Controls filter layout:

  • Vertical: Sidebar
  • Horizontal: Top bar
  • Drawer: Mobile-style drawer

Media Shape

Controls aspect ratio of product images.

  • Adapt : Based on image.
  • Portrait : Taller.
  • Square : 1:1 ratio.

Show Second Image on Hover

Shows alternate image when user hovers on a product card.

Show Variant Swatches on Product Cards

Displays color/variant swatches under product image (if available).

Maximum Swatches to Show

Sets max visible swatches before switching to “+X more” indicator.

Show Add to Cart Button on Product Cards

Enables direct “Add to Cart” buttons under each product card.

Layout

Determines overall content width.

  • Full Width

  • Container

Mobile Column Count

Sets how many product columns show on mobile devices.

Number of Products Per Page

Sets how many products to display before pagination kicks in.

Show Vendor

Displays product vendor/brand below product title.

Enable Card Border

Adds a visible border around each product card.

Border Color

Color picker or hex input.

Top Padding / Bottom Padding

Adjusts the spacing above and below the section.