Feature Slider
Updated 1 month agoThe Feature Slider allows you to showcase multiple items in a scrollable format. It’s ideal for highlighting key collections, categories, or features without taking up too much vertical space.
Header Title
Use the eye icon to enable or disable the header.
This serves as the main title for your feature slider section.
Customization Options:
-
Text – Add a title like “Featured Categories” or “Top Picks”
-
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
Feature Title
Use the eye icon to enable or disable titles for each slider item.
This is the label shown on each card inside the slider.
Customization Options:
-
Text – Enter the title for your items
-
Font – Choose the font style
-
Size/Weight – Adjust size and boldness
-
Line Height – Control vertical spacing
-
Letter Spacing – Adjust spacing between characters
-
Text Color – Choose a readable color
-
Alignment – Position the text within the card
-
Capitalization – Set how the text appears
Background
Padding – Adjust inner spacing for the section to maintain a clean layout
Card Settings
Control how each slider item appears.
Image Attributes
-
Ratio – Set the shape of the image
-
Adjust Ratio – Fine tune the ratio if needed
-
Radius – Adjust how rounded the image corners appear
-
Image Scale – Choose whether the image fills or fits the container
Border
-
Color – Choose the border color around the image
-
Width – Adjust thickness
Card Background
-
Color – Set the background color for each card
-
Radius – Adjust corner roundness
-
Padding – Control spacing inside the card
Card Border
-
Color – Choose border color
-
Width – Adjust thickness
Background and Spacing
This controls the layout of the entire feature slider section.
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 add and manage slider items.
For each item, you can:
-
Enable or Disable – Show or hide items using the eye icon
-
Delete – Remove items you no longer need
-
Upload or Choose Image – Add a visual for the item
-
Select Target Page – Choose where users are redirected on click
-
Select Collection – Link the item to a specific collection
-
Add Name – Set the display title for the item
Benefits:
-
Draws attention to important or strategic items
-
Encourages users to explore more without scrolling too much
-
Keeps layout interactive and engaging
-
Supports promotion of high-margin or priority products
Related Articles
