Get started  
Login  

Help Center

Community / Forum Ask Zappter Support We build your app Marketplace

Documentation

English

General

Videos

Mastering the content editor Pixel perfect design Setup your E-Commerce Store Configure your booking engine Event-System / Drop-In

Popular

App Store Submission Creating Push Notifications Typography Changing template Changing Rules

Business Modules

New

More Tutorials

Documentation

Adding Date Slider

Adding Date Slider

Follow the steps below to set up date slider on your app content.
1. Admin > Customize > Content. Click to edit the app.
2. In the app customization, expand the group, Media. Click on Date Slider.
3. Set up your date slider.
  • Campaign: Select a campaign. To manage campaigns navigate to "Date Slider > Manage".
  • Dates to load: Click on +Add to add dates to display in your app. 
4. Move on to the Settings tab.
  • Loop: Enabling loop option repeats the slider endlessly.
  • Autoplay: If activated, the slider will play automatically.
  • Autoplay duration: If activated, the default duration per slide is 3 seconds. Enter the number in seconds here.
  • Clickable: If enabled, clicking on a slide will open the picture in a new modal.
5. Move on to Appearance tab. 
  • Show next & previous buttons: Enabling this option, buttons are move to the next or previous slide.
  • Show dots: If enabled, dots will be visible to navigate into slides.
  • Enable overlay: If enabled, overlay will be visible and the users can select a colour.

6. Finally, moving on to Slide Settings.
  • Number of pictures: The user can select or choose as how many images to be displayed at once. 
  • Start at slide: If the user want the start slide to be the last or in between, the user can enter the slide number. The first slide is number 1. Second slide number 2.
7. Click on the 'Create' button to complete creating the date slider. 
8. 'Put online' to publish your date slider so that it will appear on your users' devices. The button's caption changes from 'Put online' to 'Published'  once the changes have been applied successfully.
Date Slider