Overview

You can add a section that contains multiple rows each with an image, text, and an optional button. Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.

You can also display metaobjects content through dynamic sources. To display metaobjects entries, you need to build a metaobject, create entries, and ensure the metaobject has storefront access before you can use them in multirow sections.

Section settings

Setting	Description
Section width	Set the width of the section using the drop-down menu: Grid Full width
Show top outline	Displays the top outline of the section.
Show bottom outline	Displays the bottom outline of the section.
Color scheme	Set the color scheme of the section using the drop-down menu: Background Primay Secondary Tertiary Custom
Background color	Set the background of the section,visible when the Color scheme setting is set to Custom.
Text color	Set the text of the section,visible when the Color scheme setting is set to Custom.
Image position	Choose the position of the images. Placement is automatically optimized for mobile: Alternate from left (default) Alternate from right Left Right
Text alignment	Choose from Left, Center and Right.
Heading size	Set the height of heading using the drop-down menu: Small Medium Large
Button style	The style of the button. Choose between Primary and Secondary.
SECTION SPACING ADJUSTMENT	Visible on desktop view and 'Section width' is Grid. You can set global vertical space in 'Theme settings -> Layout -> Vertical space between sections'.
Top	Set the top spacing of the section.
Bottom	Set the bottom spacing of the section.

Row block

Setting	Description
Image	Click Select image to choose an image for the section. Click the Change button to change or remove the image
Edit alt text	Click to set image alt text for search engine optimization and to describe the image for customers using screen readers.
Image width	Set the width of the image. Defaults to 50%.
TEXT
Subheading	Subheading of the row block.
Heading	Heading of the row block..
Description	Description of the row block..
Button label	The text that displays on the button.
Button link	The URL that you want the button to link to.