Brickspace Lab
Contact usContact ShopifyTry a theme
Paper
Paper
  • Paper documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Quick Add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Variant swatches
      • Fixed buy buttons
      • Replacing “Add to cart”
  • Collections
    • Variant filtering
    • Disabling Quick add
  • Sitewide
    • Using device specific visibility
    • Dynamic discount popups
    • Creating a Mapbox API key
    • Designing your menu
  • Migrating custom changes
  • Templates
    • Collection template
      • Customizing Filters
      • Adding Tag Filtering
      • Adding Nested Menu
      • Collection Blocks
  • Product template
    • Dynamic variant images
    • Gift cards
    • Quantity picker
    • Subscription options
    • Sibling products
    • Bundled products
    • Custom fields
    • Content drawers
  • Blog template
  • Sections
  • Sections
    • Featured product
    • Slideshow
    • Email sign-up
    • Video
    • Alternative banner
    • Alternative collection grid
    • Banner
    • Blog posts grid
    • Collage
    • Collapsible content
    • Collection list grid
    • Collection list slider
    • Comparison table
    • Contact form
    • Countdown
    • Custom liquid
    • Discount banner
    • Featured collection grid
    • Featured collection slider
    • Icon grid
    • Image comparison
    • Image hotspot
    • Logo list
    • Navigation slider
    • Recently viewed
    • Rich text
    • Slider
    • Store locator
    • Testimonials
    • Cart drawer
    • Header
  • General
    • Changelog
      • v8.0.1
      • v8.0.0
      • v7.6.2
      • v7.6.1
      • v7.6.0
      • v7.5.0
      • v7.4.0
      • v7.3.0
      • v7.2.1
      • v7.2.0
      • v7.1.2
      • v7.1.1
      • v7.1.0
      • v7.0.0
      • v6.2.0
      • v6.1.7
      • v6.1.6
      • v6.1.5
      • v6.1.4
      • v6.1.3
      • v6.1.2
      • v6.1.1
      • v6.1.0
      • v6.0.1
      • v6.0.0
      • v5.2.0
      • v5.1.0
      • v5.0.1
      • v5.0.0
      • v4.1.1
      • v4.1.0
      • v4.0.0
      • v3.0.2
      • v3.0.1
      • v3.0.0
      • v2.0.0
      • v1.2.2
      • v1.2.1
      • v1.2.0
      • v1.0.0
    • Known issues and troubleshooting
      • v8.0.1
    • Cloning a demo theme
      • Poster
      • Parts
      • Pastel
      • Page 3
      • Page 4
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections

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

Setting
Description

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.

Setting
Description

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 1 month ago

Was this helpful?