Post by pushpendupaul » Sun Dec 28, 2014 3:19 am

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"
});

});

Newbie

Posts

Joined
Sun Dec 28, 2014 3:15 am

Post by helenmarie » Mon Jan 12, 2015 3:33 am

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 :)

User avatar
New member

Posts

Joined
Sat Nov 07, 2009 1:05 am

Post by xlysoft » Sat May 02, 2015 3:50 am

Big thanks, this solved the problem. Opencart is 2.0.2.0 now, and still this issue is not fixed.

Newbie

Posts

Joined
Thu Nov 06, 2014 1:18 am

Post by viethemes » Sun May 03, 2015 11:47 pm

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.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by scoodek » Sat May 09, 2015 10:24 pm

change the following...

Code: Select all

transitionStyle : "fade"
to...

Code: Select all

transitionStyle : "fade",
this solved it for me, hope it helps :)

Newbie

Posts

Joined
Mon Oct 06, 2014 2:42 am

Post by tom327 » Tue Mar 15, 2016 1:17 pm

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?

Active Member

Posts

Joined
Thu Feb 16, 2012 7:33 am

Post by beebee » Sat May 21, 2016 9:09 pm

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!

BeeBee
When the going gets weird, the weird turn Pro!!


User avatar
New member

Posts

Joined
Thu May 12, 2016 5:13 pm
Who is online

Users browsing this forum: No registered users and 5 guests