Page 1 of 1
FADE EFFECT IS NOT WORKING FOR OWL CAROUSEL
Posted: Sun Dec 28, 2014 3:19 am
by pushpendupaul
When I change the owl carousel sliding effect to to fade effect the Main Banner stop working.
I used to write the code like this
$(document).ready(function() {
var owl = $("#owl-demo");
owl.owlCarousel({
navigation : true,
singleItem : true,
transitionStyle : "fade"
});
});
Re: FADE EFFECT IS NOT WORKING FOR OWL CAROUSEL
Posted: Mon Jan 12, 2015 3:33 am
by helenmarie
I had the same problem, i figured out that the module wasnt loading the owl.transitions css file
Go to Catalog > controller > slideshow.php
Find this on line 9
Code: Select all
$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.carousel.css');
and add this after it
Code: Select all
$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.transitions.css');
That should fix it
Re: FADE EFFECT IS NOT WORKING FOR OWL CAROUSEL
Posted: Sat May 02, 2015 3:50 am
by xlysoft
Big thanks, this solved the problem. Opencart is 2.0.2.0 now, and still this issue is not fixed.
Re: FADE EFFECT IS NOT WORKING FOR OWL CAROUSEL
Posted: Sun May 03, 2015 11:47 pm
by viethemes
Could you provide your site url, so we can take a look at it? I seems that the Owl Carousel version of your store is beta 2.
Re: FADE EFFECT IS NOT WORKING FOR OWL CAROUSEL
Posted: Sat May 09, 2015 10:24 pm
by scoodek
change the following...
to...
this solved it for me, hope it helps
Re: FADE EFFECT IS NOT WORKING FOR OWL CAROUSEL
Posted: Tue Mar 15, 2016 1:17 pm
by tom327
Thanks HelenMarie!
This same issue still exists in OC 2.2. I set the Fade parameter, and the slide show just froze.
HelenMarie's solution to add the missing line for owl.transition.css Fixed the problem.
Surprised a bug like this is still in here for such a common feature. Are people switching to a different slideshow, and not using the Owl one?
Re: FADE EFFECT IS NOT WORKING FOR OWL CAROUSEL
Posted: Sat May 21, 2016 9:09 pm
by beebee
tom327 wrote:Thanks HelenMarie!
This same issue still exists in OC 2.2. I set the Fade parameter, and the slide show just froze.
HelenMarie's solution to add the missing line for owl.transition.css Fixed the problem.
Surprised a bug like this is still in here for such a common feature. Are people switching to a different slideshow, and not using the Owl one?
Hello Tom,
Could you please tell me what exactly you did to change the transition style in ver2.2. I tried following the above steps and for some the slideshow disappeared.
Thanks in advance for your help!