Multi-use slider widget

- Regular slider

- Fixed height slider (real estate must have!)

- Dynamic slider for collection pages or gallery collections

- Film slider

- Logo slider

- Forever scroll logo slider

- Slider with light box


Desktop


  • Now compatible with collections! Updated 4/11/22
  • Note: If you're using multiple sliders on one page, select a unique value in the first Content Editor dropdown for each slide on that page. Sliders on different pages can have the same value in the dropdown with no impact.
  • The default slider style can have fixed size images, or fixed height images with the width automatically set to the full width
  • The 'on click' behavior can be changed to 'do nothing' or to open a link or a light box.
  • Optional caption and button available. (There's no button option if the 'on click' behavior is to open a link.)
  • Optional hover styles - zoom in or show hover text.
  • Autoplay can be turned off or set to 4-7 seconds
  • The transition speed for click through navigation can be set from 300ms-1000ms.
  • The default style can be changed to cover flow if desired to have another layout
  • Infinite loop means it will restart at the beginning once the images have all been viewed. If scrolling backwards or forwards, it'll keep the images in order and keep scrolling through the list
  • Pagination style includes none, progress bar, default, and dynamic
  • Dynamic pagination and progress bar work best with 5+ images
  • Optional swipe gestures: click to drag, scroll on axis or scroll up/down, click navigation arrows

Mobile


  • Mobile layouts include either a single image slider with touch swipe OR a list of images
  • “On click” options include hyperlinking the image, opening a light box with image, title, and description, or no action

$250*

Pricing FYI: I receive feature addition/modification requests for this widget often, so the feature set does change and might be different than when you purchased the widget. The price increases when I add in a lot more R+D time and various fields that I need to implement due to the time investment it takes to create the widget and implement it into new accounts. This widget takes over 75 minutes to transfer at this point.

Layout: Standard template with progress bar


This example has fixed-size square images that autoplay, a progress bar, and a light box. Click on an image to view the light box.

Mobile: This layout uses the list of images layout and link to page option.

Cheetah
This is an optional title This is an optional description
Optional Button
This is a dog
This is a dog
This is a dog
This is a dog

Default title

Default description

Default alt text
Default alt text
Default alt text
Default alt text
Default alt text
Default alt text
Default alt text
Default alt text
Default alt text
Default alt text
Default alt text
Default alt text
Default alt text
Default alt text

*Perpetual scroll is not compatible with hover effects

Mobile: This layout uses the sliding gallery layout + light box layout.

This demo is a right-aligned gallery and is ideal for showing off your portfolio in a catchy style.



Config


  • At the bottom of the desktop config, also turn off 'center the slides'
  • Infinite loop must be off to right-align the gallery.
  • Remove all padding from the row, column, and widget.
  • Add left-side margin to the row only if aligning the gallery to the right



This is a dog
This is a dog
This is a dog
This is a dog
This is a dog

This demo is the original 'fixed height' gallery that inspired the widget in the first place. The images are set to appear full resolution at their fixed height in a continuous flow gallery.



Config


  • To modify the height, ensure that 'fixed height, full width' is selected under the desktop configuration in the content panel. In the design panel, you can then change the fixed height.
  • The display style is "Default"
  • Center the slides with the toggle to have the images appear centered. Otherwise they will start out left-aligned and the grid will be asymmetrical.


NOW COMPATIBLE WITH COLLECTIONS

This gallery is connected to a collection

Dummy text
Dummy text Dummy text Have fun!
Go on vacation!
Image 3 caption
Image 3 caption Image 3 caption Hello
Caption
Caption Caption

Default title

Default description

This demo utilizes the default layout, but adds additional spacing between images and adds a border radius. Those design settings are available in the design tab.

This is a dog
This is a dog
This is a dog
This is a dog
This is a dog
This is a dog

Default title

Default description

This demo demonstrates the 'cover flow' layout, which creates a carousel effect.

Default alt text
Default alt text
Default alt text