Image gallery with text

This section helps you display a grid/slider of image banners.

Section settings

Description	Setting
Heading	The title of the section. Click the dynamic source button to insert a dynamic source as the title of the section.
Heading size	Change the size of the heading and subheading. Choose between small, medium, or large.
Desktop columns layout	Pick the layout to display the section on tablet and desktop. Choose between: Grid: display items in a normal grid. Grid and 2 equal columns in an odd row: display items in a normal grid, but odd rows only show 2 columns. Grid and 2 equal columns in an even row: display items in a normal grid, but even rows only show 2 columns. Carousel slider: display items in a slider format.
Number of columns on desktop	Set a specific column layout on screens wider than 989 pixels. Choose between 1 and 2 columns. Minimum: 1. Maximum: 5.
Number of columns on tablet	Set a specific column layout on a widescreen between 751 pixels and 989 pixels.
Make items full width	Display items in the full width of the window, regardless of the page width setting.
Automatically expand the last columns to fill the remaining space
Automatically expand the last columns to fill the remaining space	If the last row does not have enough items, all items in this row will be adjusted the width to fit the row automatically. On mobile, this feature only works when the swipe is turned off.
Disable item space	Remove gaps between items.
GALLERY CARD
Image ratio	The image ratio for images: Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped. Portrait - Crops the images to use a 2:3 ratio. Square - Crops the images to use a 1:1 ratio. Landscape - Crops the images to use a 3:2 ratio.
MOBILE LAYOUT
Number of columns on mobile	Set a specific column layout on screens less than 750 pixels wide. Choose between 1 and 2 columns.
Enable swipe on mobile	Changes the mobile and tablet displays from a column to a row, where customers can swipe sideways to see more products.
Section padding	Add spacing to the top or bottom of the featured collection section. Use the range slider to add between 0px and 100px of space above or below the featured collection section.

Section blocks

Text with an overlay image

Description	Setting
Image	Pick or upload your image.
Link	Pick or add a URL for the item.
HEADING
Heading	Add your heading.
Heading size	Adjust the font size of the heading.
Show heading in uppercase	Tick to display the heading in the uppercase format.
TEXT
Text	Add your text.
Text style	Pick the way to display text. Choose between the subtitle and caption.
Text size	Adjust the font size of the text.
BUTTON
Button label	Add the label of the button.
Button style	Select the style of the button. Choose between solid, outline, and link.
Button size	Select the size of the button. Choose between small and normal. Note: not apply when the button style is set to "Link".
Pin button to the bottom	Always display the button at the bottom.
CONTENT ALIGNMENT
Horizontal alignment	Align the content in the horizontal direction. Choose between Left, Center, Right.
Vertical alignment	Align the content in the vertical direction. Choose between Top, Middle, Bottom.
COLORS	Configure color for Heading, text, button, and overlay opacity.

Text outside image

Description	Setting
Image	Pick or upload your image.
Link	Pick or add a URL for the item.
HEADING
Heading	Add your heading.
Heading size	Adjust the font size of the heading.
Show heading in uppercase	Tick to display the heading in the uppercase format.
TEXT
Text	Add your text.
Text style	Pick the way to display text. Choose between the subtitle and caption.
Text size	Adjust the font size of the text.
BUTTON
Button label	Add the label of the button.
Button style	Select the style of the button. Choose between solid, outline, and link.
Button size	Select the size of the button. Choose between small and normal. Note: not apply when the button style is set to "Link".
Pin button to the bottom	Always display the button at the bottom.
CONTENT ALIGNMENT
Horizontal alignment	Align the content in the horizontal direction. Choose between Left, Center, Right.
Vertical alignment	Select the position to show content. Choose between "Below the image", "Above the image".
COLORS	Configure color for Heading, text, button.