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:
|
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 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:
|
Text alignment | Choose from Left, Center and Right. |
Heading size | Set the height of heading using the drop-down menu:
|
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. |