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

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
Text style	You can choose different text styles, such as Body or Subtitle.
Button type	Button type: Choose how the button will be displayed: Button – a solid button. Button with icon – a button that includes an icon. Inline link – text styled as a hyperlink. Inline link with icon – a hyperlink that includes an icon.
Button style	In Shopify, button styles use the primary and secondary color sets defined in the theme settings. These ensure buttons are styled consistently across your store. By default, the secondary button uses a white color and appears as an outline button.
Icon	Select an icon from the dropdown list; it will be displayed in the button before 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.
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.