Home → RoyalSlider WordPress Issues →

Royalslider + Catch Infinite Scroll

• Edit

tommaso.fantini

21 Nov, 2020 04:33 PM

Hello,

i am trying to implement Infinite Scroll on my website, but when i enable it Royalslider wont load. Posts are showing but the slider on them seems not to work, while texts or images are showing (i did a test).

Can you help me find where the issue is?

Thank you very much for the support and the wonderful plugin.

Best,

Tommaso

1. 1 Posted by tommaso.fantini on 21 Nov, 2020 04:40 PM

   

   link to website: https://vg13.ch/

   • Edit

2. Support Staff 2 Posted by Dmitry Semenov on 22 Nov, 2020 12:07 PM

   

   Hello,

   Depending on your infinite scroll implementation, slider might not be able to initialize itself (as by default init code is placed in footer). If you know JS - you may trigger initialization function manually when infinite scroll loads the content.

   You may also use this (it creates custom shortcode that has initialization code placed inline) -
   https://gist.github.com/dimsemenov/ba17b5f94642c12370e5f7f7d7781c27

   • Edit

3. 3 Posted by tommaso.fantini on 22 Nov, 2020 02:58 PM

   

   Dear Dimitri,

   Thank you for your reply!!

   After i place the code in the function sheet of the site, is there a way to make it default without placing each time the shortcode?

   I am using the Royalslider override to embed it in the whole site...

   • Edit

4. Support Staff 4 Posted by Dmitry Semenov on 22 Nov, 2020 06:06 PM

   

   Please elaborate what you mean by "default".

   You may change the code to use a different shortcode name (instead of fire_royalslider).

   • Edit

5. 5 Posted by tommaso.fantini on 22 Nov, 2020 06:10 PM

   

   I added the code you gave me via a PHP inserter.

   In my posts i don't use a Shortcode to get Royalslider, since i use the option to override the Wordpress Gallery.

   So i don't know where to add the Shortcode [fire_royalslider].

   I hope i made myself clealer!

   Thank you again for the support!

   • Edit

6. Support Staff 6 Posted by Dmitry Semenov on 22 Nov, 2020 06:52 PM

   

   Oh. The code that I posted can be used only with a custom or posts slider.

   But since all your galleries use the same initialization code, you may add it directly.

   Here is the code that your current website uses:

   $('.royalSlider').royalSlider({template:'default',image_generation:{lazyLoading:!0,imageWidth:'',imageHeight:'',thumbImageWidth:'',thumbImageHeight:''},thumbs:{thumbWidth:96,thumbHeight:72},autoPlay:{delay:1000},video:{forceMaxVideoCoverResolution:'standard'},width:'100%',height:700,autoScaleSlider:!0,autoScaleSliderWidth:500,autoScaleSliderHeight:500,imageScaleMode:'fit',imageScalePadding:0,controlNavigation:'none',arrowsNav:!1,transitionType:'fade',transitionSpeed:10,loop:!0,numImagesToPreload:1});
   

   You should execute it each time your lazy-loading script adds the content, most libraries have an API event for that.

   • Edit

7. 7 Posted by tommaso.fantini on 22 Nov, 2020 07:00 PM

   

   I guess this goes slightly beyond my WP capabilities.

   If you have a piece of code i can use to recall the RS code each time it would be great. Otherwise i guess i already took advantage of your courtesy.

   Thanks a lot!

   • Edit

8. Support Staff 8 Posted by Dmitry Semenov on 22 Nov, 2020 07:23 PM

   

   I'd need to know what kind of infinite scroll are you using. Are you using some specific plugin for it? Or can you create a test page with it?

   • Edit

9. 9 Posted by tommaso.fantini on 22 Nov, 2020 08:20 PM

   

   I am using Catch Infinite Scroll (https://wordpress.org/plugins/catch-infinite-scroll/)

   • Edit

10. Support Staff 10 Posted by Dmitry Semenov on 22 Nov, 2020 08:36 PM

    

    It seems that plugin uses self-written infinite scroll implementation without public API, so unfortunately there is no option to hook into it without modifying the source.

    • Edit

11. 11 Posted by tommaso.fantini on 23 Nov, 2020 11:18 AM

    

    Would it be better with another Plugin? Such as Jetpack or similar?

    Thanks again for the support.

    • Edit

12. Support Staff 12 Posted by Dmitry Semenov on 23 Nov, 2020 07:00 PM

    

    I'd need a link to the source of the specific plugin (or to a page with it) to tell you that. I haven't used infinite scrolling plugins myself for such type of content, so can't recommend a specific one.

    • Edit