Multirow
Last updated
Last updated
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Multirow".
Layout style
Select the layout style for the section:
Grid
Carousel
Image covers the left side
Set up an image covers the left side (Only use for option 'Carousel')
Horizontal space
Determines the grid spacing between horizontal of section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Vertical space
Determines the grid spacing between vertical of blocks. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Image height
Select the image height for the section:
Adapt to image
Small
Medium
Large
Desktop image width
Select the image width for the section:
Small
Medium
Large
853px
(Image is automatically optimized for mobile.)
Show the row number
Enable/disable checkbox
Caption bottom margin
Determines the height of the bottom outside space of the caption. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Heading size
Font size of text:
Small
Medium
Large
Typography for heading
Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography
Heading top margin
Determines the height of the top outside space of the heading. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Heading bottom margin
Determines the height of the bottom outside space of the heading. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Text style
Select the text style for the block:
Body
Subtitle
Text (Color)
Set the color for the text.
Text bottom margin
Determines the height of the bottom outside space of the text. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Button style
Select the button style for the section:
Link
Outline button
Solid button
Desktop content position
Set vertical alignment for content inside section containers:
Top
Middle
Bottom
(Position is automatically optimized for mobile.)
Desktop content alignment
Set horizontal alignment for content inside section containers:
Left
Center
Right
Desktop image placement
Select the desktop image placemenfor the section:
Alternate form left
Alternate form right
Aligned left
Aligned right
(Placement is automatically optimized for mobile.)
Enable infinite scroll
Enable/disable checkbox
Set background for row box
Enable/disable checkbox
Set distance for text box
Enable/disable checkbox
Color scheme
Set the text color and background color for the section.
Container color scheme
Set the text color and background color for the container.
Mobile content alignment
Set horizontal alignment for content inside section containers:
Left
Center
Right
Top padding
Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding
Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Image
Set up an image
Caption
Add text to display as a section caption (Leave the field blank to hide the caption)
Caption style
Select the caption style for the section:
Default
Fill color
Caption background color
Set the background color for this block.
Caption color
Set the text color for this block.
Heading
Add text to display as a section heading. (Leave the field blank to hide the heading)
Text
Add text to display as a custom content to describe this section. (Leave the field blank to hide the text)
Button label
Add text to display as a button on the section. (Leave the field blank to hide the link)
Button link
Set the link, for example the customer service page.