Lorenza 3.0

Gallery

The Gallery section lets you display images and captions in an Instagram feed-like way. It's great for curating your actual social media posts while having total control over how they're presented on your storefront.

This section can be used on the following page templates:

  • The home page template

  • The collection pages template

Add a gallery to your home page

To set up the gallery 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 and click the Add section button.

  3. Choose Gallery from the list of sections.

    This opens the gallery 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 gallery images. Choose between Top left, Top center, Top right, Middle left or Middle right options.

    Here's an example of the Top center option being used:

    Here's an example of the Middle left option being used:

  6. Choose how many Columns of gallery images to display at once.

    Choose between 2 and 4 columns. If the Middle left or Middle right text positions are used, 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 gallery 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 header area of the section.

  9. Add a Link and Link text for a call to action button.

  10. Return to the list of Home page sections to find your new Gallery section.

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

  1. Use the Add Item button to add as many gallery items as you want.

    For more information about adding gallery items, see the Add gallery items section of this page.

  2. Click Save.

Settings reference

The settings below are available for the Gallery section on the homepage.

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.

Columns

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

Image aspect ratio

Choose the aspect ratio for all 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.

Link

Choose a link to be displayed as a call to action button.

Link text

Add the call to action button text.

Max width of text

Change how wide the heading and text can be at a maximum.

Add a gallery to other pages

In addition to the home page, this section can be added to the Collection pages template or the Product pages template.

STEPS

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

  2. Click on the Gallery section.

    This opens the gallery section settings.

  3. Check the Enable checkbox to show this section.

  4. Choose how many Columns of gallery images to display per row.

    Choose between 2 and 4 columns.

    Note that on mobile devices only two columns per row are displayed.

  5. Choose the Image aspect ratio to be used for all gallery 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. Change the Heading text.

  7. Add Text to display beneath the gallery images.

    You can use the formatting options to add bold and italic text and add a link to another page.

  8. Return to the list of Product or Collection page sections to find your Gallery section with the content blocks nested below.

You can change the order of the blocks by using the drag handles:

  1. Use the Add item button to add as many gallery images as you want.

  2. Repeat this process until you've added all the features you need.

    You can also use the Remove block button to remove a gallery image from this section entirely.

  3. Click Save.

Settings reference

The following settings are available for gallery sections on the product and collection pages:

Enable

Check this checkbox to enable this section.

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.

Columns

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

Image aspect ratio

Choose the aspect ratio for all 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.

Link

Choose a link to be displayed as a call to action button.

Link text

Add the call to action button text.

Max width of text

Change how wide the heading and text can be at a maximum.

Add gallery items

The gallery section lets you add many gallery items. Each one is modeled to look like an image-focused social media post.

To add gallery items:

STEPS

  1. Make sure you are already editing the gallery section that you want to change.

  2. Use the Add item button to add a new gallery image.

  3. Add an Image.

  4. Add some Description text.

    We recommend keeping this to a short, one or two sentence caption.

  5. Add a Link.

    This makes the gallery item clickable, and it takes customers to the link destination.

    If you want to link to a external page, like an Instagram profile page, you need to type (or copy and paste) the full URL starting with https://. For example: https://instagram.com/abc123.

  6. Return to the list of Home page sections to find your Gallery section with the content blocks nested below.

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

  7. Repeat this process until you've added all the gallery images you need.

    You can also use the Remove block button to remove a block from this section entirely.

  8. Click Save.

Settings reference

Each gallery item has the following settings:

Image

Select or upload an image to be associated with the current block.

Description

Add text to be displayed below the image.

Link

Add a link to the image.

  • Home page

  • Collection pages

  • Testimonials