Classic Slider not showing content

I am updating a clients theme and she has testimonials that are not appearing. These are being displayed in the Classic Slider, I have tried everything and still they are not showing. You can have a look at here page here: https://www.thespartanite.com/success-stories/

Where it says “Psychic Testimonials” there is a box with a quote in it below that were they testimonials are supposed to go but it is all blank. Any help would be much appreciated.

Thanks
Andy

Hi Andy,

Please try to clear your site’s cache. If the issue persists, try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

Thanks for the quick reply Jade, I have cleared the cache and actually disabled that plugin so not sure why they are not showing. The strange thing is that they are working perfectly on the home page. You will notice a box that looks exactly the same with the testimonials appearing.

Hi Andy,

There are some Javascript errors that is stopping the slider from working and usually is caused by a third part plugin conflict.

Kindly provide us with your admin details in a secure note so that we can check further.

Thank you.

Thanks Jade, how can I send you a secure note? lol

Hi There,

The details you have provided is not working for us.

Please check and get back to us with correct one.

Thanks

My apologies, I missed something off the password. You can find it attached now.

Hi There,

I’ve commented out this custom JS and the slider is working fine again:

jQuery(document).ready(function($) {

  var $container = $('#x-iso-container');

  $container.before('<span id="x-isotope-loading"><span>');

  $(window).load(function() {
    $container.isotope({
      itemSelector   : '.hentry',
      // options...
      resizable: false, // disable normal resizing
      // set columnWidth to a percentage of container width
      masonry: { columnWidth: $container.width() / 3 }
    });
    $('#x-isotope-loading').stop(true,true).fadeOut(300);
    $('#x-iso-container > .hentry').each(function(i) {
      $(this).delay(i * 150).animate({'opacity' : 1}, 500);
    });
  });

  $(window).smartresize(function() {
    $container.isotope({
      itemSelector   : '.hentry',
      // options...
      resizable: false, // disable normal resizing
      // set columnWidth to a percentage of container width
      masonry: { columnWidth: $container.width() / 3 }
    });
  });
  
  $( '.fin-ad' ).click(function() {
    $( this ).toggleClass( "open" );
    $( this ).toggleClass( "closed" );
    $( '#x-iso-container' ).isotope({});
    $( '#x-iso-container' ).on('transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd',  
      function() {
        $( this ).isotope({});
    });
  });
  

  // Select and loop the container element of the elements you want to equalise
  $('.isotope').each(function(){  

    // Cache the highest
    var highestBox = 0;

    // Select and loop the elements you want to equalise
    $('.acc_main-title>.x-text', this).each(function(){

      // If this box is higher than the cached highest then store it
      if($(this).height() > highestBox) {
        highestBox = $(this).height(); 
      }

    });  

    // Set the height of all those children to whichever was highest 
    $('.acc_main-title>.x-text', this).height(highestBox);

  }); 
});

Regards!

Thanks Thai, thats much appreciated. I thought there was a problem with the code somewhere on the website. :slight_smile:

Glad to hear it :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.