Media Slider
Updated 1 month agoThe Media Slider lets you showcase multiple media items in a scrollable format. Use this when you want to highlight multiple campaigns, collections, or visual assets in a compact space, especially on the homepage or key landing sections.
Header Title
This acts as the main title for your media slider section.
Customization Options:
-
Font – Choose a font that matches your brand
-
Size/Weight – Adjust how bold or subtle the title appears
-
Line Height – Control spacing between lines
-
Letter Spacing – Fine tune spacing between characters
-
Text Color – Choose a color that stands out clearly
-
Alignment – Position the text (left, center, or right)
-
Capitalization – Set how the text appears
Media Title
This is the text shown on each media item.
Text Style Options:
-
Size/Weight – Adjust how prominent the title appears
-
Line Height – Control spacing between lines
-
Text Color – Choose a readable color
-
Alignment – Position the text within the media card
-
Capitalization – Set how the text appears
Background:
-
Color – Set the background behind the title
-
Radius – Adjust corner roundness
-
Padding – Control inner spacing
-
Position – Define where the title appears on the media
Media settings
Media Attributes
-
Ratio – Set the shape of the media
-
Adjust Ratio – Fine tune the ratio for better fit
-
Image Scale – Choose whether the media fills or fits the container
Media Border
-
Color – Choose border color
-
Width – Adjust thickness
Card Settings
-
Radius – Adjust corner roundness for each card
-
Padding – Control spacing inside the card
-
Space Between – Set the gap between slider items
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:
-
Enable or Disable – Show or hide items using the toggle
-
Delete – Remove items you no longer need
-
Add New Media – Include additional items as needed
Target Page
Select where users are redirected when they tap on the media
Collection
Link the media item to a specific collection
Name
Add a title or label for the media item
Benefits:
-
Lets you showcase more content without increasing scroll length, keeping the UI clean while still being rich
-
Encourages interactive browsing (swiping behavior), which naturally increases engagement
-
Helps highlight multiple campaigns, categories, or collections at once, instead of forcing you to choose just one
-
Improves content discoverability, especially for new users exploring your store
Related Articles
