Featured collection

The Featured collection section creates a list of products from one of your collections. You can change the look and feel of the section by changing how many products it displays at once.

On mobile devices, one product is shown at a time. Customers can scroll left or right carousel style.

The featured collection can be displayed on the following page templates:

• The home page template

• The collection pages template

Set up a featured collection on the home page

To set up this section on the home page:

STEPS

1. From your Customize theme editor, choose Home page from the pages drop-down menu at the top of the screen.

2. Scroll down the list of home page sections and click the Add section button.

3. Choose Featured collection from the list of sections.

   This opens the featured collection section settings.

4. Choose the Style for the section, either Default or Contrast.

   If you select Contrast, this section uses Lorenza's contrast colors.

5. Pick the Text position for this section.

   This places the section heading either before or beside the collection products. Choose between Top left, Top center, Top right, Middle left or Middle right options.

   Here's an example of the Top center option, where the heading is displayed before the collection products:

   Here's an example of the Middle left option, where the heading is displayed beside the collection products:

6. Select a Collection to display as the featured collection.

7. Choose how many Columns of products to display at once.

   Choose between 2 and 4 columns. If you have the Middle left or Middle right text alignment options selected, the text takes up a column.

   Note that on mobile devices only one column is shown at once.

8. Choose the Image aspect ratio to be used for all collection images.

   Use Natural to use the original images. Or, use Square (1:1), Landscape (3:2), or Portrait (2:3) to have the images cropped to match one another.

9. Add a Small heading, Heading, and Subheading.

   These all appear in the text area of the section.

10. Add Collection link text.

    When you enter this text, it adds a call to action button that links to the featured collection.

11. Choose a Max width of text, between 16 and 50.

    The text max width lets you control the shape of the text, and make it look good no matter how long your collection descriptions are.

12. Return to the list of Home page sections to find your new Featured collection section.

Use the drag handles to rearrange the order of your Home page sections:

13. Click Save.

Settings reference

The Featured collection section has the following settings on the home page:

Style

Choose a section style, either Default or Contrast. This affects the colors of the current section.

Text position

Choose a position for all of the header and link text for the current section.

Collection

Choose a collection to be featured.

Columns

Use the slider to choose how many products should be displayed side by side. You can choose between 2 and 4 per row.

Image aspect ratio

Choose the aspect ratio for all collection images displayed.

Use Square (1:1), Landscape (3:2), or Portrait (2:3) to have the images cropped to match one another

Use Natural if you do not want your images cropped at all.

Small heading

Change the small heading text displayed above the main heading.

Heading

Change the heading displayed in the header area the section.

We recommend keeping this to just a few words long.

Subheading

Add subheading text.

We recommend a single, short paragraph.

Collection link text

Change the text for the call to action button that links to the featured collection.

Max width of text

Using the slider, choose how wide the heading text should appear, at a maximum.

Set up a featured collection on collection pages

This section can also be added to the Collection pages template.

To enable this section:

STEPS

1. From your Customize theme editor, choose Collections from the pages drop-down menu at the top of the screen.

2. Click on the Featured collection section.

3. Check the Enable checkbox to enable the featured collection.

4. Pick the Text position for this section.

   This places the section heading either before or beside the collection products. Choose between Top left, Top center, Top right, Middle left or Middle right options.

   Here's an example of the Top center option, where the heading is displayed before the collection products:

   Here's an example of the Middle left option, where the heading is displayed beside the collection products:

5. Select a Collection to display as the featured collection.

6. Choose how many Columns of products to display at once.

   Choose between 2 and 4 columns. If you have either Middle left or Middle right text alignment options selected, the text uses a column.

   Note that on mobile devices only one column is shown at once.

7. Choose the Image aspect ratio to be used for all collection images.

   Use Natural to use the original images. Or, use Square (1:1), Landscape (3:2), or Portrait (2:3) to have the images cropped to match one another.

8. Add a Small heading, Heading, and Subheading.

   These all appear in the text area of the section.

9. Add Collection link text.

   When you enter this text, it adds a call to action button that links to the featured collection.

10. Choose a Max width of text, between 16 and 50.

    The text max width lets you control the shape of the text, and make it look good no matter how long your collection descriptions are.

11. Click Save.

Settings reference

Enable

Check this checkbox to enable the featured collection.

Text position

Choose a position for all of the header and link text for the current section.

Collection

Choose a collection to be featured.

Columns

Use the slider to choose how many products should be displayed side by side. You can choose between 2 and 4 per row.

Image aspect ratio

Choose the aspect ratio for all product images displayed.

Use Square (1:1), Landscape (3:2), or Portrait (2:3) to have the images cropped to match one another

Use Natural if you do not want your images cropped at all.

Small heading

Change the small heading text displayed above the main heading.

Heading

Change the heading displayed in the header area in this section.

We recommend keeping this to just a few words long.

Subheading

Add subheading text.

We recommend a single, short paragraph.

Collection link text

Change the text for the call to action button that links to the featured collection.

Max width of text

Using the slider, choose how wide the heading text should appear, at a maximum.

• Home page

• Collection pages

• Featured collection grid

• Colors