How to Set Up Navigation in Shack Slides

The "Navigation" tab in Shack Slides helps you customize your slideshow's navigational tools.

Shack Slides navigation has two key options and you can see both in the image below

  1. The slideshow navigation bar.
  2. The slideshow previous/next buttons.

nav bar and previous next buttons

This video and text guide will show you how to customize your slide navigation.


Video guide to Shack Slides navigation


#1. The slideshow navigation bar

  • Show navigation bar: Select whether you want to use the navigation bar or not. 
  • Show navigation in mobile: The navigation will be small on mobile devices. Should it still be shown?
  • Show slide numbers: Select whether you want to display slide numbers along each navigation dot.
  • Orientation: Select between the horizontal and vertical orientation of your the navigation bar. 

navigation bar

  • Horizontal alignment: Select the horizontal alignment within the slider for the navigation bar:
    • Left
    • Right
    • Center
  • Vertical alignment: Select the vertical alignment within the slider for the navigation bar:
    • Top
    • Bottom
    • Center
  • Horizontal padding: Add some horizontal padding within the slider to position the navigation bar.
  • Vertical padding: Add some vertical padding within the slider to position the navigation bar.
  • Effect theme: Select between one of the pre-defined effect themes for the navigation bar:
    • None
    • Static
    • Expand
    • Blur
    • Pulse
    • Hover Inside
    • Show up
    • Hover delay
  • Navigation shape: Select between one of the predefined shapes for the navigation bar:
    • None
    • Square
    • Circle

more navigation options

  • Navigation Color: Select the color you want to use for the navigation bar.
  • Navigation numbers color: Select the color you want to use for the navigation bar numbers.
  • Opacity: Select an opacity for the navigation bar.
  • Customize dot image: Customize the dots by uploading an image file.
  • Customize hover dot image: Customize the hover of dots by uploading an image file.
  • Customize active dot image: Customize the active dot by uploading an image file.

navigation color


#2. The slideshow previous/next buttons

  • Show Buttons: Select whether you want to use the next/prev buttons or not?
  • Theme: Select between one of the predefined themes for the buttons:
    • None
    • Thin
    • Medium
    • Fat
  • Buttons Color: Select the color you want to use for the buttons.
  • Buttons Hover Color: Select the hover color you want to use for the buttons.
  • Opacity: Would you like to use opacity on the previous/next buttons?
  • Customize previous button image: Customize the previous button by uploading your own image file.
  • Customize hover previous button image: Customize the hover of the previous button by uploading your own image file.
  • Customize next button image: Customize the next button by uploading an image file.
  • Customize hover next button image: Customize the hover of the next button by uploading an image file.

previous next