OpenCart Community

Posted: **Fri Sep 06, 2013 1:10 am**

Hi everyone,

Just wondering if anyone else has figured this out.

I am trying to change the transition effect for the module "Banner" in the admin, not the "Slideshow".

I have had a look in the jquery file named nivo slider and changed the code "fade" to "SlideInLeft" (or something similar, I checked the effect names on nivo website) but this had no change on the banner.

What JS file is being used for the banner and is it possible to change the transition effect.

Hopefully this should be easy enough for someone more advanced.

Thank you

Posted: **Fri Sep 06, 2013 3:48 am**

From spending more time looking into this I can see that the javascript file used to control this is in the location of

catalog/view/javascript/jquery/jquery.cycle.js

I went onto the jquery cycle website and noticed that the Opencart file does not have all the information for other transitions. So I pasted the JS code in so now I have the full file.

I then found this code in

Code: Select all

<script type="text/javascript"><!--
$(document).ready(function() {
	$('#banner<?php echo $module; ?> div:first-child').css('display', 'block');
});

var banner = function() {
	$('#banner<?php echo $module; ?>').cycle({
		before: function(current, next) {
			$(next).parent().height($(next).outerHeight());
		}
	});
}

setTimeout(banner, 2000);
//--></script>

In the banner.tpl file

I am now lost on how to change to a different transition, as the opencart code that calls the banner looks different.

Any Suggestions?

OpenCart Community

Editing the Transition for the Banner

Editing the Transition for the Banner

Re: Editing the Transition for the Banner