Collections preview

Overview:

The Collection Preview section allows merchants to showcase a list of featured collections, each optionally enhanced with imagery and product previews. The layout supports hover animations and image transitions for visual impact.

Section Configuration:


Content Settings

Setting

Description
Heading Displays the main title of the section.
Heading Size Sets the heading's visual size (e.g., h1–h4).
Heading Weight Controls the font weight of the section heading.
Description Adds supporting descriptive text below the heading.
Text Size Adjusts the size of the description text.
Description Weight Sets the font weight of the section description.

View More Button

Setting

Description
Button Label Sets the text shown on the “View More” button.
Button Type Chooses between primary or secondary button styles.
Button Link Defines the destination URL when the button is clicked.
Open in New Window Opens the link in a new browser tab when enabled.

Layout Settings

Setting

Description
Desktop Text Alignment Aligns the heading and description text on desktop.
Mobile Text Alignment Aligns the heading and description text on mobile.
Container Layout

Controls the width constraints of the section. Options include:

  • Page Width – Standard page-aligned container.
  • Contained Content – Medium-width layout with padding.
  • Container Fluid – Full-width layout across screen.
Corner Radius

Sets rounding for section corners. Options include:

None, Top only, Bottom only, Both. 
Color Scheme Applies a predefined color scheme to the section background and text.

Spacing Settings

Setting

Description
Top Padding Adds space above the section content.
Bottom Padding Adds space below the section content.

Blocks Configuration:


Collection Blocks

Each block in the section represents one featured collection. Merchants can add multiple blocks.

Setting

Description
Collection Selects which collection to showcase.
Custom Image Optional image to override the collection’s featured image. If not set, the collection's featured image is used.

Note : On desktop, when hovering over a collection title, product images from that collection animate in a rotating loop. On mobile, only the first image is shown statically.

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