Okay
  Print

How to setup playlist section or add MP3 and audio files

How to add new MP3 tracks & create new albums and playlists. 

  1. Go to WP-Admin > Playlist> Add New Enter the title of your album and an optional description. 
  2. Make sure to set your album cover as the featured image: http://d.pr/i/19Lv4 
  3. Fill the text fields under Album Infos with your own content. 
  4. Upload your MP3 for each track you have for that album. Only MP3 files are allowed. 
  5. Save it.

How to add the player to the bottom of a page

  1. To display the player in the footer of a page, edit your page and set the playlist you want in the Footer Player option. See screenshot: https://d.pr/i/qTA2DI

How to launch the player from a Slider Revolution button

We sometimes use a "Play" button in the big banner on the homepage. The play button needs to be linked to a playlist.

  1. To tell Slider Revolution which playlist you want to fire when you click on the play button, go to wp-admin > Slider Revolution and edit the slide.
  2. Select the button layer and go to the action tab. http://d.pr/i/kqmWfe
  3. The code should be something like: 
    IRON.sonaar.player.setPlayer({ id:"1218", title:"Playlist Title" });
    To change the playlist, enter your own playlist ID instead of 1218 above. The playlist ID is your playlist post id that can be found by going to wp-admin > playlist. See screenshot: https://d.pr/i/8f2US2
  4. In addition, you can change the label of your playlist title by changing the Title in the code: IRON.sonaar.player.setPlayer({ id:"1218", title:"Playlist Title" });

How to add an audio player to a page:

  1. Go to WP-Admin > Pages and edit the page of your choice (ex: Homepage)
  2. Make sure you are using the Backend editor mode: http://d.pr/i/7fOA
  3. Add a new row
  4. Into this row, add an Audio Player widget: http://d.pr/i/14zQt
  5. Make sure to choose the album (or multiple albums) you want to play in your page. http://d.pr/i/1jEA7

How to create a page and shows your album into it:

  1. Go to WP-Admin > Pages > Add New
  2. Add a new element called Essential Grid and select the pre-defined grid you have previously imported with the demo. http://d.pr/i/LPp6ZH 
  3. Save your page.
  4. To edit the grid's size or the number of columns, etc. go to wp-admin > Ess. Grid > and edit the predefined grid you'd like.

See the full documentation of Essential Grid here: https://www.themepunch.com/essgrid-doc/essential-grid-documentation/