Jump to content
Sign in to follow this  

[IPS Marketplace] Pages SuperSlider

Recommended Posts

Pages SuperSlider is a versatile and customizable slider/swiper block template for Pages database blocks. Check out the live demo to see it in action. 

SuperSlider is fully responsive, touch-enabled for mobile devices and works in the main content column of single-column pages or in the sidebar. The appearance and functionality can easily be customized through dozens of options in the settings plugin. You can create any number of sliders and also combine them on one page. But all sliders will share the same settings. 

What’s needed: 

  • IPS 4.1 in its most recent version with the Pages application
  • A pages databases that uses the stock Record Image field and has images with a sufficient resolution uploaded through that field. 

What’s included:

  • The slider/swiper plugin which gives access to the settings and installs the jQuery slider and the CSS. 
  • The SuperSlider block template, which can be assigned to any Pages database block


Detailed Feature Description and Notes:

  • Pages SuperSlider is built with the IPS design framework and is therefore fully responsive and should be compatible with most well-coded/well-designed themes. 
  • The template is designed to work on single-column pages (with or without a sidebar) and in the sidebar. 
  • SuperSlider currently comes with these options:
    • Block features:
      • turn block headline on or off
      • add padding around the slider
      • choose background color
    • Slider features: 
      • choose slider type: slide, fade, coverflow, flip
      • add thumbnail navigation bar
      • turn auto-play on or off
      • set auto-play delay
      • loop slides or stop at the end/beginning
      • show or hide navigation arrows
      • select arrow color
      • show or hide dot navigation below the slides
      • use dark or light mode for dot navigation
      • set slider to Right-to-Left mode
    • Image settings:
      • Image aspect ratio for main column
      • Use thumbnail images in main column
      • Image aspect ratio for sidebar column
      • Use fallback image when records have no record image
    • Text settings:
      • Title alignment: left, center, right
      • Title background color
      • Title background opacity


Support notes: 

  • If you change settings and don’t see an effect, wait until the caching time of your sidebar blocks has passed or remove the slider block and add it again to refresh its code instantly. 
  • The slider uses JavaScript and is based on the open source software Swiper (by iDangero.us). I only support the implementation of this slider module, not its own functionality. If the slider itself causes problems (e.g. doesn’t work properly in older browsers) or conflicts with other third-party software on your site, I cannot help you. I only support my own code used to implement the slider into the IPS Community suite.   

Pobierz plik

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Create New...

Important Information

W celu świadczenie usług przez nasz Serwis na najwyższym poziomie, w ramach Serwisu wykorzystujemy pliki Cookies (tzw. ciasteczka). Korzystając ze stron Serwisu IPSBEYOND.PL bez zmiany ustawień przeglądarki będą one zapisane w pamięci urządzenia. Jeżeli nie dokonacie Państwo zmiany ustawień przeglądarki internetowej to wyrażacie zgodę na zapisywanie plików Cookies.