Slider Revolution

The plugin is designed to showcase a variety of content types including images, banners, videos, and sliders, providing a visually engaging user experience on nopCommerce platforms.

Creating a slider

To create a slider navigate to Plugins => Noptech => SliderRevolution => Sliders and click Add new button.

Settings
  1. System name: The system name of the slider.
  2. Active: Whether the slider is active or not.
  3. Lazy: Activates lazy loading.
  4. Slider width: Specifies the slider width.
  5. Slider height: Specifies the slider height.
  6. Auto height: The slider will adapt its height to the height of the current slide.
  7. Loop: Enables continuous loop mode.
  8. Navigation: Adds navigational arrows to the slider.
  9. Pagination: Adds pagination dots at the bottom of the slider.
  10. Autoplay: The slider will play automatically.
  11. Autoplay delay: Delay between transitions (in ms).
  12. Disable on interaction: Disables the autoplay mode when user swipes.
  13. Effect: Specifies the slider effect.
  14. Slides per view: Specifies how many slides will be visible at the same time.
  15. Speed: Duration of transition between slides (in ms).
  16. Scrollbar: Adds a scrollbar to the slider.
  17. Preload images: Whether you want all media to be preloaded or to be loaded just in time.
  18. Space between: Specifies the space between slides.
  19. Mobile breakpoint: Specifies the pixels where slider comes to 'mobile' mode.
  20. Pagination color: Specifies the color of the pagination.
  21. Laguage: Specifies the language of the slider.
Adding slides (pictures)

When you save the settings you will see another window with your slides (see the picture above). Click on Add new button.

  1. System name: System name of the slide (picture).
  2. Visible: Specifies whether the slide is visible to the public store or not.
  3. Display order: The order of the slide (used for sorting).
  4. Media type: Whether you visualize picture or video in your slider.
  5. Alt: Alternate text for the slide (if cannot be loaded).
  6. Url: Link for redirection when the slide is clicked.
  7. Slide text: Enables/Disables text on the slide.
    • Slide text top: Affects the vertical position of the text.
    • Slide text left: Affects the horizontal position of the text.
    • Slide text width: Affects the width of the text.
  8. Mobile: Enables/Disables mobile settings.
    • Mobile picture: Upload picture for mobile devices when slider hits 'mobile breakpoint'.
    • Mobile Text: Text for mobile devices when slider hits 'mobile breakpoint'.
Widget zones

Choose the widget zone from the dropdown menu where your slider will operate and click Add new record.

Note!

You can have multiple sliders in one widget zone.