Social image grid
The Social image grid section allows you to build a customizable image layout resembling an Instagram feed or social gallery. It's ideal for highlighting user-generated content, social media campaigns, or aesthetic moodboards. Images are displayed in a responsive grid, with flexible row/column sizing per item.
How to Configure the Social Image Grid
In Shopify admin, go to Online Store → Themes.
Click Customize next to the Elemento theme.
In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.
In the left sidebar, click Add section, then select Social Image Grid, or locate it if it’s already added.
Customize the grid layout, spacing, image size.
You can drag and drop this section to reorder it on the page.
Click Save.
Section Settings
Setting
Type
Description
Heading
Text
Optional section heading shown above the image grid.
Caption
Text
A subtitle or Instagram handle (e.g., @yourbrand) displayed below the heading.
Button label
Text
Label for an optional button.
Button link
URL
Destination URL for the button (e.g., your Instagram page).
Backdrop opacity
Range (%)
Sets overlay opacity for grid items when hovered or focused.
Overlay corner radius
Range (max 50px)
Applies corner radius to overlay content, softening edges visually.
Color scheme
Theme selector
Controls overlay and text colors.
Section Padding
Desktop
Top padding
Range
Space above the section on desktop view.
Desktop
Bottom padding
Range
Space below the section on desktop view.
Mobile
Top padding
Range
Space above the section on mobile view.
Mobile
Bottom padding
Range
Space below the section on mobile view.
Blocks
Grid item
Each block adds one image to the grid. The layout is controlled by defining how many rows and columns each item should span, allowing for creative asymmetric designs.
Setting
Type
Description
Image
Image selector
The visual content of the grid item.
Row size
Select (1–4)
Number of vertical rows the image occupies.
Column size
Select (1–4)
Number of horizontal columns the image occupies.
Usage Tip: Use a mix of image sizes for a dynamic, editorial layout. Pair this section with your social media call-to-actions to increase engagement and traffic.