Incompatible with meta slider?

  • robin5238

    (@robin5238)


    7 years, 3 months ago

    Hi,

    I have a little question.
    When trying to use the Ajax Load More plugin.
    My sliders don’t work anymore.
    I use the following plugin to create my sliders: https://nl.ww.wp.xz.cn/plugins/ml-slider/

    Here I have a simple shortcode implementation for the Ajax Load More plugin:
    https://www.desnippert.nl/test/

    And here I have the normal blog:
    https://www.desnippert.nl/blog/

    At the following date is the first slider: 29-01-2019
    I used the following shortcode: [ajax_load_more container_type="div" post_type="post" posts_per_page="4" button_label="Oudere berichten" button_loading_label="Berichten laden..."]

    Please let me know if you need any more info to point me into the right direction.

    Kind regards,
    Robin

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Darren Cooney

    (@dcooney)

    7 years, 3 months ago

    Hi @robin5238,
    Since the sliders included with Meta Slider require JavaScript to initiate them you will need to use the almComplete callback function to trigger the sliders on each Ajax load action.

    In the link you share it appears you are Flexslider… So your custom JavaScript function could look like this.

    jQuery(function($) {
   $.fn.almComplete = function(alm){	   
      $('.flexslider', alm.el).flexslider({
			animation: "slide"
		});
   };
});

    This function will trigger each time new content is added with Ajax Load More.

    Hope this makes sense.

    Thread Starter robin5238

    (@robin5238)

    7 years, 3 months ago

    Hi,

    Thank you!
    Makes a lot of sense.
    I thought something like that could be the issue.

    But since I am kinda new to al this where would I need to put this function to make it work?

    And yes I am making use of the flexslider.

    Thanks in advance!
    Great response time btw 🙂

    Plugin Author Darren Cooney

    (@dcooney)

    7 years, 3 months ago

    Hi @robin5238,
    It could go in a theme JS file, or even in your site footer.php file.

    This is a pretty good plugin for adding custom CSS and JS to certain pages/templates.

    Hope that helps!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Incompatible with meta slider?’ is closed to new replies.