Multirow

Use the multi-row feature to organize your content into a structured row format. Each row you can add image, text and incorporate a button that directs customers to another page.

To add this section, please follow the below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Multirow".

Section settings

Setting
Description

Image height

Determines the height of the image:

  • Adapt to image - Keeps the image's original aspect ratio.

  • Small

  • Medium

  • Large

Desktop image width

Determines the width of the image on desktop:

  • Small

  • Medium

  • Large

Heading size

The size of the heading text:

  • Small

  • Medium

  • Large

  • Extra large

Desktop content position

Sets the vertical position of the content on desktop:

  • Top - Displays the content at the top.

  • Middle - Displays the content in the middle.

  • Bottom - Displays the text at the bottom.

Desktop content alignment

Sets the alignment of the content on desktop:

  • Left - Aligns the content to the left.

  • Center - Aligns the content to the center.

  • Right - Aligns the content to the right.

Desktop image placement

Position of the image on desktop:

  • Alternate from left - The first block aligns the image to the left and the next block aligns the image to the right. And so on in a loop.

  • Alternate from right - The first block aligns the image to the right and the next block aligns the image to the left. And so on in a loop.

  • Aligned left - All blocks align the image to the left.

  • Aligned right - All blocks align the image to the right.

Color scheme

Set the color for this section.

Container color scheme

Set the color for the row container.

Mobile layout

Setting
Description

Mobile content alignment

Sets the alignment of the content on mobile:

  • Left - Aligns the content to the left.

  • Center - Aligns the content to the center.

  • Right - Aligns the content to the right.

Section padding

Setting
Description

Top padding

Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Bottom padding

Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Row block

Setting
Description

Image

Add the image for this block.

Caption

The caption text for this block.

Heading

The title of this block.

Text

The paragraph content for this block.

Button label

The text that displays on the button.

Button link

The URL that you want the button to link to.

Button style

Style of the button:

  • Filled

  • Text link

  • Outlined

Last updated