Featured collections

The Featured collections section allows you to highlight multiple collections on a page. You can display them in either a grid layout or a slideshow layout, making it ideal for showcasing curated collections in a flexible and visually engaging format.

This is a preset section — it can be added, removed, and reordered on pages as needed.


  1. In Shopify admin, go to Online Store → Themes.

  2. Click Customize next to the Elemento theme.

  3. In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.

  4. In the left sidebar, click Add section, then select Featured Collections, or locate it if it’s already added.

  5. Select the collections you want to showcase and customize display options such as layout style, number of collections shown, and spacing.

  6. You can drag and drop this section to reorder it on the page.

  7. Click Save.

Section Settings

Setting

Type

Description

Heading

Text

Section heading. Displayed only when using the slideshow layout.

Section view

Select

Choose between grid or slideshow layout for displaying collections.

Image ratio

Select

Set the aspect ratio for collection images: default, square, portrait, landscape.

Color scheme

Color scheme

Apply a predefined color palette to the section background and text.

Section Padding

Device
Setting
Type
Description

Desktop

Top padding

Range

Space above the section on desktop view.

Desktop

Bottom padding

Range

Space below the section on desktop view.

Mobile

Top padding

Range

Space above the section on mobile view.

Mobile

Bottom padding

Range

Space below the section on mobile view.


Blocks: Grid item

Each block represents a featured collection to be displayed within the section.

Setting

Type

Description

Collection

Collection picker

Choose which collection to display in this block.

Button label

Text

Optional text for the button. If left blank, the collection title is used.

Grid view options (only available when section view is set to "grid"):

Setting

Type

Description

Row size

Range

Defines how many rows the block will span in the grid layout.

Column size

Range

Defines how many columns the block will span in the grid layout.