Mobile App Sliders Mobile App Sliders

Mobile App Sliders

Andy Zheng Andy Zheng

Within the iOS and Android apps, you can enable slider images which are displayed at the top of your app's home page as shown below.

iOS

Android

sliders-ios.png sliders-android.png 

 

Step 1: Enabling the Gallery View in your app

To enable sliders in your mobile app, enable the gallery view in your iOS or Android app. The gallery view displays your playlists and videos as rows of thumbnails with sliders at the top. To enable the gallery view update the following feature flags in your app's config files:

iOS Mobile

In ZypeCommon.h, set kAppAppleTVLayout to YES

Android Mobile

In ZypeSettings.java, set PLAYLIST_GALLERY_VIEW to true

In ZypeSettings.java, set PLAYLIST_GALLERY_HERO_IMAGES to true

Step 2: Create the Zobject

In your Zype account, click the settings gear in the top right corner. Select Zobject Types from the menu. On the Zobjects Type page, click "New Zobject" in the top right corner.

Fill out the Zobject Details with the following information:

  • Title: top_playlists

Note: The Apple TV sliders use the same Zobject type. If you create a top_playlist Zobject, the same sliders are used for both mobile and Apple TV. The Apple TV does not currently support linking to videos.

You will create three custom attributes for your Top Playlist Zobject:

Playlist ID: This allows you to associate playlists to your sliders

  • Name: playlistid
  • Type: String
  • Show List: Visible

Video ID: This allows you to associate videos to your sliders. Not applicable in Apple TV

  • Name: videoid
  • Type: String
  • Show List: Visible

Priority: This allows you to determine the order of the Top Playlists. The highest number will be the first playlist displayed. 

  • Name: priority
  • Type: integer
  • Show List: Visible

Click Save Changes at the bottom of the page. Here is what the completed Zobject should look like:

mobile-sliders-zobject.png

Step 3: Add your videos or playlists

You will now select your videos or playlists to promote at the top of your app. We suggest selecting 2-4 playlists or videos to promote. The sliders will links to a playlist or a video, depending on which field is filled out (playlistID or videoID)

sliders-zobject1.png

Note: If both the playlistid and videoid are included, the video will take priority and the app will link the user to the video.

When creating your Zobject, remember to include the image for your slider. The app will only use the first image uploaded under the Zobject. If you want to replace the image, delete the old one and upload your new slider image.

sliders-zobject2.png