I am having trouble understanding your documentation and how to get the different views that are on your website via shortcode, specifically with the Coverlow view.
Hi Alex, Are you talking about the coverflow view from the carousel? I agree this not easy to set the carousel without elementor. The carousel use the swiper js library. You can use all parameters from this library https://swiperjs.com/swiper-api#parameters And copy those parameters as the slider_param value from the "sonaar_audioplayer" shortcode. I recommend you to use the elementor editor. It is by far easier.
Hello,
I am having trouble understanding your documentation and how to get the different views that are on your website via shortcode, specifically with the Coverlow view.
Best,
Alex
Hi Alex,
Are you talking about the coverflow view from the carousel?
I agree this not easy to set the carousel without elementor.
The carousel use the swiper js library.
You can use all parameters from this library https://swiperjs.com/swiper-api#parameters
And copy those parameters as the slider_param value from the "sonaar_audioplayer" shortcode.
I recommend you to use the elementor editor. It is by far easier.
Thanks,
Alexandre from the Sonaar.io Crew
Thank you for getting back to me!
It sounds like there isn't any simple way to get this setup to have the Coverflow view via shortcode. Do I have that right?
Please try this:
Use the parameter in the "sonaar_audioplayer" shortcode.
slider_param="{autoplay:{delay: 5000,},effect:'coverflow',slidesPerView:3,loop:true,spaceBetween:5, coverflowEffect :{rotate:20, slideShadows: true,depth:200, stretch:25,},navigation:true,centeredSlides:true}"
With this settings you need at least 6 slides in the carousel otherwise the carousel will look broken.
Please tell me how it goes.
Thanks,
Alexandre from the Sonaar.io Crew
Okay thanks. We are getting closer. I have an error of a 404 on finding the min file for the swiper through the plugin.
See attached.
What do you think?
Attached files: Screen Shot 2023-08-16 at 9.45.45 AM.png
This is only a source map and does not affect anything. Will remove the console notice in the next update.
Thanks,
Max from the Sonaar.io Crew
Got it.
I cannot get the view to work based on the parameters.
This is my shortcode.
Any suggestions?
Attached files: Screen Shot 2023-08-16 at 1.53.20 PM.png
Screen Shot 2023-08-16 at 1.52.48 PM.png
1) Can you copy/paste the shortcode here please.
2) on which page URL I can see your carousel?
3) Also, from what I can see, test is not a valid album id. it should be a playlist post ID...https://drops.sonaar.io/i/nPzhEj
Thanks,
Max from the Sonaar.io Crew
Sure thing!
SHORTCODE:
PAGE URL: https://fettebeatz.asqhost.com/
I dont have the shortcode..all i see is https://drops.sonaar.io/i/pIHJzn
Thanks,
Max from the Sonaar.io Crew
I just copied and pasted it. I guess that's what it did??
Screenshot attached.
Attached files: Screen Shot 2023-08-21 at 10.32.57 AM.png
I need you to copy/paste the shortcode, so I can try the shortcode on my end.
Thanks,
Max from the Sonaar.io Crew
[sonaar_audioplayer slider_param="{autoplay:{delay: 5000,},effect:'coverflow',slidesPerView:3,loop:true,spaceBetween:5, coverflowEffect :{rotate:20, slideShadows: true,depth:200, stretch:25,},navigation:true,centeredSlides:true}" playlist_type="predefined" albums="18250" playlist_title="Title" artwork_id="18251" player_layout="skin_float_tracklist" show_skip_bt="default" show_shuffle_bt="default" show_speed_bt="default" show_volume_bt="default" show_publish_date="default" show_tracks_count="default" show_meta_duration="default" hide_progressbar="default" display_control_artwork="false" hide_artwork="false" show_playlist="false" show_track_market="false" show_album_market="false" hide_timeline="false" track_artwork="false" scrollbar="false" shuffle="false" sticky_player="false"][/sonaar_audioplayer]
Please check now,
the shortcode was wrong. I have modified it to:
[sonaar_audioplayer slide_source="track" slider_param="{autoplay:{delay: 5000,},effect:'coverflow',slidesPerView:3,loop:false,spaceBetween:5, coverflowEffect :{rotate:20, slideShadows: false,depth:200, stretch:150,},navigation:true,centeredSlides:true}" albums="18250" player_layout="skin_boxed_tracklist" show_skip_bt="default" show_shuffle_bt="default" show_speed_bt="default" show_volume_bt="default" show_publish_date="default" show_tracks_count="default" show_meta_duration="default" hide_progressbar="default" display_control_artwork="false" hide_artwork="false" show_playlist="false" show_track_market="false" show_album_market="false" hide_timeline="true" slider_play_on_hover="true" track_artwork="false" scrollbar="false" shuffle="false" sticky_player="false"][/sonaar_audioplayer]
Thanks,
Max from the Sonaar.io Crew
Thank you very much! Looks great!