Appearance
Gallery with text
This guide describes setting up your store's Gallery with text section. Use the section to display a selection of images with corresponding text on your store's pages.
In the following video, a Gallery with text section is displayed on a store's homepage. The Text align option is adjusted to reposition the text from Left to Center, inside the section.
For general guidance with modifying sections, refer to Sections overview.
Set up a gallery with text section
To set up a gallery with text section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a gallery with text section. For example, select the Home page template.
Note
The gallery with text section can be added into any page, except Checkout and Giftcard pages. To add a gallery with text section into the current page, select Add section > Gallery with text. Refer to Shopify help: Add a section.
From the side menu, select Gallery with text.
Select a section setting described in the following table.
| Section setting name | Description |
|---|---|
| Heading | Use the Heading box to enter text to display as a title inside the section. |
| Blocks per row - desktop | Select the dropdown Blocks per row to set the number of (image with text) blocks to display within each row, inside the section. The minimum number is 2 and the maximum is 4. This setting applies only to desktop display devices. |
| Crop images | Select the Crop images dropdown to set the shape of the images inside the section. The dropdown options are: No crop, Landscape, Square and Portrait. |
| Text align | Select the Text align dropdown to set a position for the text inside the section. The options are Left and Center. |
| Color > Color scheme | Use the Color scheme dropdown to set the color scheme for the section to Primary, Secondary or Tertiary. Refer to Colors. |
| Theme settings | Select Theme Settings to access additional settings for the section. Refer to Section theme settings menu. |
| Remove section | Select Remove section to delete the section from the current page template. |
Configure images and text in a gallery with text section
A default gallery with text section contains three title (blocks). Each title block contains an image with corresponding text. To configure a title block inside a gallery with text section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a gallery with text section. For example, select the Home page template.
From the side menu, expand the Gallery with text section menu.
To configure an existing title block, select the Title block from the side menu.
To add a new title block, select Add block, choose Image, and then select the Title block you added.
Note
Inside a gallery with text section, you can add, remove, show/ hide, or move blocks. Refer to Configure blocks inside a section, or Shopify help: Sections and blocks.
Apply a block setting described in the following table.
| Block setting name | Description |
|---|---|
| Image | Use the Image menu options to set up an image inside the block.
|
| Title | In the Title box, enter text to display as a heading below the block's image. |
| Description | In the Description box, enter text to display below the block's title text. Format the text using the text editor pane. |
| Link | In the Link box, enter a URL for the button to use or select a store page to link to. To remove a link, select the X icon inside the text box. |
| Button text | In the Button text box, enter text to display as a label for the block's button. |
| Remove block | Select Remove block to delete the block from the current section. |
