Side by Side Collections Grid
Updated 21 days agoThe Side by Side Collections Grid displays collections in a horizontal layout, allowing you to showcase items next to each other for a more dynamic and balanced design.
Under the “Settings” tab,
Collection Title
This controls how the title appears for each collection item.
Text Style:
You can customize:
-
Font – Choose a font that matches your brand
-
Size/Weight – Adjust how bold or subtle the text appears
-
Line Height – Control spacing between lines
-
Letter Spacing – Fine tune spacing between characters
-
Text Color – Choose a readable color
-
Alignment – Position the text within the card
-
Capitalization – Set how the text appears
Icon:
-
Choose or Upload Icon – Add an icon alongside the title
-
Icon Color – Customize the icon color to match your design
Background:
-
Padding – Adjust spacing around the title area
-
Relation – Define how the text and icon are arranged
Card Settings
This section controls how each collection card appears.
Layout Settings
Space Between – Adjust the gap between each collection card
Image Attributes
-
Ratio – Set the shape of the image
-
Adjust Ratio – Fine tune the ratio for better fit
-
Radius – Adjust how rounded the image corners appear
-
Image Scale – Choose whether the image fills or fits the container
-
Image Position – Control how the image is aligned within the card
Image Border
-
Color – Choose border color
-
Width – Adjust thickness
Card Background
-
Color – Set the background color of each card
-
Radius – Adjust corner roundness
Card Border
-
Color – Choose border color
-
Width – Adjust thickness
-
Sides – Select which sides should display the border
Background and Spacing
Background:
-
Color – Set the section background color
-
Radius – Adjust corner roundness
-
Padding – Control spacing inside the section
-
Margin – Manage spacing outside the section
Border:
-
Color – Choose border color
-
Width – Adjust thickness
-
Sides – Select which sides should display the border
Under the “Content” tab you can,
In the content tab, you can add and manage collection items.
For each item, you can:
-
Select Target Page – Choose where users are redirected on click
-
Select Collection – Link the item to a specific collection
-
Choose or Upload Image – Add a visual representation of the collection
-
Add Name – Set the display title for the collection
Benefits:
-
Helps you prioritize key collections, instead of overwhelming users with too many options
-
Creates a more editorial and curated feel, similar to modern shopping apps
-
Improves focus and attention, making users more likely to click into featured categories
-
Works great for campaign-based layouts (e.g., seasonal collections, launches)
Related Articles
