Lorenza 3.0

Featured collection grid

The Featured collection grid section lets you feature a product collection on your home page. Instead of showing the collection in a scrollable carousel like the featured collection section, the collection displays as a product grid with multiple rows.

Set up a featured collection grid

To set up this section:

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. Choose a Collection to display as the featured collection.

  6. Choose how many Columns and Rows of products to display in the grid.

    Choose between 2 and 4 columns and 1 and 3 rows.

    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 Button text.

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

  10. Choose a Heading alignment for the heading, subheading, and button.

    Either Left or Center.

  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 grid section.

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

  1. Click Save.

Settings reference

The Featured collection grid section has the following settings:

Style

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

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.

Rows

Use the slider to choose how many products should be displayed top by bottom. You can choose between 1 and 3 per column.

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 the section.

We recommend keeping this to just a few words long.

Subheading

Add subheading text.

We recommend a single, short paragraph.

Button text

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

Heading alignment

Change how the heading, subheading, and button text is aligned. Choose either Left or Center.

Max width of text

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

  • Featured collection

  • Colors