Lute Section - Multirow
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.
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.
Set the color scheme of the section using the drop-down menu:
|Set the background of the section,visible when the Color scheme setting is set to Custom.
|Set the text of the section,visible when the Color scheme setting is set to Custom.
Choose the position of the images. Placement is automatically optimized for mobile:
|Choose from Left, Center and Right.
Set the height of heading using the drop-down menu:
|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'.
|Set the top spacing of the section.
|Set the bottom spacing of the section.
|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.
|Set the width of the image. Defaults to 50%.
|Subheading of the row block.
|Heading of the row block..
|Description of the row block..
|The text that displays on the button.
|The URL that you want the button to link to.