Testimonials Stacking on first load

brettbum,

The bxSlider links given are correct. One’s CSS, the other JavaScript.

When I load up your site in anonymous view, the stacking isn’t there for very long. Just long enough for bxSlider to fire up and then it goes away.

How much of an issue is this really? It sure doesn’t seem to be a show stopper when the visual disturbance is only a split second concern. Otherwise, you might consider manually loading jQuery and bxSlider in your header to get this activity to go away.

It’s been running a lot faster the last couple days. Last week it was a whole lot slower. We are running this in a fairly prominent place on the site. If it always runs at the current speed (last couple days) and we use the css to hide the extra lines when its loading, that might be workable.

If it slows down to the speeds we were seeing last week, that’s much more of a problem.

I can confirm the testimonials are stacking on first load when using the Testimonials widget, but only happens when bxSlider is used. I noticed that the non-bxSlider option has a separate CSS file, and appears to have styles that prevent stacking of testimonials on first load (hooray!). I simply copied that CSS over to the main testimonials-widget.css and saw that it fixed it no problem.

I simply changed:

.testimonials-widget-testimonial {
}

to:

.testimonials-widget-testimonial {
	clear: left;
	display: none;
	margin: 0 0 1.4em;
}
.testimonials-widget-testimonials .testimonials-widget-testimonial:first-child {
	display: block;
}

Seems like a quick fix unless this doesn’t take a different aspect of this plugin into account. Also, it takes the JavaScript out of the picture so the page loads as it should at the start and then the JavaScript comes into play once it needs to be animated.

After updating to the latest plugin version 3.8.1, both the css workaround that Chris Dillon mentioned and this latest one by KZeni, seem to work about the same to me, which is good.

When I’m running the css workaround, I’m not seeing any stacking delay now. Although I do see the quote marks overtop the testimonial text (small aspect of the stacking problem before). This is the only remnant now.

When I remove these CSS workarounds, the stacking (this afternoon) is slower than ever. So definitely seems to be necessary.

I’m going to mark this resolved, although it seems like the plugin might need the css added to it, or at least a check box option or something.

Glad to hear it works for you too, brettbum!

Oh, and I suppose that margin: 0 0 1.4em; portion of my fix isn’t entirely necessary. It was present in the old code so I just kept it (might make sense to not include it in the official fix).

So, long story short seems that .testimonials-widget-testimonial { display: none; } needs to come back?

Did you guys test on testimonials listing page?

I think it we bring back the initial display none, then a display block for .list entries is needed. I’ll do some testing.

I’ve put notes to this issue at https://github.com/michael-cannon/testimonials-widget/issues/57.

i think I’ve fixed the issue. Can you please try out https://github.com/michael-cannon/testimonials-widget/archive/2.18.2RC1.zip?

Changes https://github.com/michael-cannon/testimonials-widget/compare/2.18.2RC1?expand=1

Thank you for this plug in Michael. I installed it last night and had the stacking issue that was discussed here. This morning I saw your last post and tried your 2.18.2RC1 version. Works beautifully.

2.18.2RC1 is working perfectly for me as well. Thanks Michael!

Woot! I’m working on a few other bugs as well. Some affecting the premium plugin. I’ll try to have a new release early next week.

I couldn’t find that rc on github any longer.

I’m seeing a new issue on the last rc.

The testimonials stop rotating after the 2nd or 3rd testimonial. When they stop, they just disappear. Same site, there are about 13 testimonials and I have the limit set at 10. It doesn’t get close to 10 before it stops and disappears.

actually, might have to start a new ticket?

I’m currently running 2.18.2 now

@brettbum The master branch on Github actually has the 2.18.2RC1 code merged with it now. Quick download link: https://github.com/michael-cannon/testimonials-widget/archive/master.zip

2.18.2 is the latest.