Multirow settings

This guide describes the Multirow section.

The Multirow section allows you to display multiple content blocks arranged in vertical rows. Each row can include an image, heading, text, and an optional button—making it perfect for showcasing features, services, collections, or promotional content in a clean, stacked format.

⭐ Main Features:

Add a unique image to each row block
Adjust image height and width for better visual balance
Control content position and alignment
Choose from multiple image placement styles
Display content using different container color schemes for visual contrast and emphasis

A few examples how this section can be set

Example 1

Example 2

Example 3

How to access the Multirow section

Access this section through the theme customizer:

Navigate to Online Store > Themes
Select “Customize” on your active theme
On any theme template, click “Add section”
Search and select “Multirow”

To insert a new section between existing ones, follow the steps in the article "Add a section"

How to configure the Multirow section

Basic Components

The “Multirow” section consists of two primary components:

General settings – These control the overall settings of the section.
Block – Each block has its own individual settings.

Available block types include:

Row (Learn about all available block settings, article "Row").

To insert a new block between existing ones or to add a block when none have been added yet, refer to the article "Add a block" and locate the section titled “How to add a block”.

General settings

Select a setting described in the following table:

Setting	Description
Image height	Adapt to Image: The height of the image will remain unchanged, preserving their original aspect ratios. Small: Choose a small image height. Medium: Choose a medium image height. Large: Select a large image height.
Desktop image width	Small: Choose a small image width. Medium: Choose a medium image width. Large: Select a large image width.
Heading size	The heading size setting offers three options to control the size of headings: Small Medium Large
Content size	The content size setting offers three options to control the description size : Small Medium Large
Button style	Choose the second button’s appearance: Solid: A fully filled button. Outline: A button with a border and no fill. Inline: A minimal button style aligned with the text.
Desktop content position	Top: Position the content at the top of the container. Middle: Vertically align the content in the middle of the container. Bottom: Place the content at the bottom of the container. Note: changes are visible when the height of the image is medium or large.
Desktop content alignment	Left: Align the text to the left within the container. Center: Center the text horizontally within the container. Right: Align the text to the right within the container.
Desktop image placement	Alternate from left: Images will alternate their placement starting from the left. Alternate from right: Images will alternate their placement starting from the right. Aligned left: All images will be aligned to the left. Aligned Right: All images will be aligned to the right.
Color scheme	You can apply a different color scheme for the entire section to highlight the content container, or it can be the same color scheme.
Container color scheme	Applying a color scheme to a content container automatically updates all associated colors set in the theme settings according to the created color schemes. You can edit colors in this block, but it will impact the other sections and blocks in which the same color scheme is used.

Mobile layout

Setting

Description

Mobile content alignment

Choose the alignment of content for mobile devices:

Left
Center
Right

Section padding

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.