Lorenza 3.0

Collection list grid

The Collection list grid section adds a list of collections as a section to your home page. Unlike the collection list section, which shows the collections in a carousel on one row, this section shows multiple columns and rows of collections in a grid.

Set up a collection list 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 settings until you see the Add section button.

  3. Choose Collection list grid from the list of sections.

    This opens the collection list grid section settings.

  4. Choose how many Columns of collections to display per row.

    Choose between 2 and 4 columns.

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

  5. 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.

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

    These all appear in the header area of the section.

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

    Either Left or Center.

  8. 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.

  9. Return to the list of Home page sections to find your new Collection list grid section with the content blocks nested below.

Use the drag handles to rearrange the order of the blocks:

  1. Use the Add Collection button to add any collections you want to feature in the list.

  2. Click Save.

Settings reference

The collection list grid section has the following settings:

Add collection

Add all of the collections you want to feature using this button.

Style

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

Columns

Use the slider to choose how many collections 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.

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.