Skocz do zawartości
Urlop / Vacation Czytaj dalej... ×
  • Zarejestruj się
Zaloguj się, aby obserwować  
Invisionize.eu

[IPS Marketplace] Pages SuperSlider

Polecane posty

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

58c03a193f73e_ScreenShot2017-03-08at16_18_30.thumb.png.104c53c15e215a6a8b2907cea30373d0.png

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

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się
Zaloguj się, aby obserwować  

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×

Ważne informacje

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.