Navigation slider
Section overview
The Navigation Slider section provides a horizontal scrollable carousel of circular images with text captions, similar to Instagram stories. It creates an interactive and visually appealing way to showcase navigation links throughout your store.
Common use cases
Highlighting featured product categories or collections
Creating quick-access navigation to important store pages
Showcasing featured brands or designers
Displaying promotional campaigns or seasonal content
Usage tips
Use consistent image styles (preferably square images) for a uniform appearance
Keep heading text short and concise for better mobile display
Add 5-10 slides for optimal user experience without overwhelming visitors
Consider using this section near the top of your homepage or collection pages for maximum visibility
Mobile responsiveness considerations:
Images remain centered and properly sized on smaller screens
The section employs smooth scrolling and snap positioning for better mobile interaction
You can set the section to appear only on mobile or desktop if needed
Section settings
Top spacing
Controls the amount of space (in pixels) above the section
Bottom spacing
Controls the amount of space (in pixels) below the section
Color scheme
Determines the background and text colors of the section
Border color
Sets the color for any borders applied to the section
Border position
Controls where borders appear (none, top, bottom, or both)
Visibility
Determines if the section appears on all devices, only mobile, or only desktop
Block settings
Slide
Each slide represents an individual navigation item with an image, heading, and link. The section allows up to 20 slides.
Image
Circular image that appears above the heading text
Heading
Text that appears below the image
URL
Destination link when the slide is clicked
Last updated
Was this helpful?