Post by Jacob24 » Fri Feb 10, 2012 12:46 am

Hi ive tried searching for infomation but i cant find a tutorial to sort this out.

Heres the page in question: http://consolesalesrepairs.co.uk/index. ... path=59_61

Basicaly Im using a banner with more than one image so that it automatically transitions between the banners.
(The Banner Is the one on the left)

However when they are loading the second banner overflows underneath. I know i need to hide the overflow but I have no idea how to as i dont know much about editing the files. I dont even know which file to edit.

I could follow a tutorial but i cant find one.

If anyone could let me know how to do this that would be great. But please try to give me the instructions in lay mans terms!

Thanks!

Newbie

Posts

Joined
Thu Feb 02, 2012 6:30 am

Post by Jacob24 » Fri Feb 10, 2012 6:28 pm

That does look interesting but i would much prefer to just sort out the issue with the overflow as thats all i need sorting out. I know i need to add overflow: hidden; but i dont know where.

Newbie

Posts

Joined
Thu Feb 02, 2012 6:30 am

Post by dizarter » Sat Feb 11, 2012 8:01 am

Hi Jacob24,

try adding this to your theme CSS file

Code: Select all

#banner0 {
overflow: hidden;
}
CSS file in question is here

catalog/view/theme/default/stylesheet/stylesheet.css

Just paste those 3 lines to the end of the file.

Let us know if that helped, or if you have any more questions.

New member

Posts

Joined
Tue Oct 11, 2011 7:33 am

Post by Jacob24 » Mon Feb 20, 2012 12:04 am

Hi, Ive just tried editing the stylesheet and it didnt make any difference,

Really would like to get this sorted somehow.

Newbie

Posts

Joined
Thu Feb 02, 2012 6:30 am

Post by JAY6390 » Mon Feb 20, 2012 12:10 am

Put

Code: Select all

#banner0 {
height: 205px;
overflow: hidden;
position: relative
}
instead

Also, did you revert the change as I don't see the above css in your stylesheet

Image


User avatar
Guru Member

Posts

Joined
Wed May 26, 2010 11:47 pm
Location - United Kingdom

Post by dizarter » Mon Feb 20, 2012 3:24 am

As JAY suggested, paste all those 3 lines.

Adding just overflow: hidden, as I initially suggested, doesn't work because height has not yet been set (position and height are added on page load)

New member

Posts

Joined
Tue Oct 11, 2011 7:33 am

Post by Jacob24 » Mon Feb 20, 2012 6:41 am

Thank you guys, Got it working and it looks much better now.

Just one more question regarding the banner. The banner fades in and out of the banners but after a little while it stops switching between the two banners. I know their is some file i can change the time that the banners run for. Does anyone know where that file would be? and does anyone know how to make it run indefinatley?

Thanks for all your help guys.

Jacob

Newbie

Posts

Joined
Thu Feb 02, 2012 6:30 am

Post by dizarter » Mon Feb 20, 2012 8:08 am

After the banner there is this JavaScript code

Code: Select all

<script type="text/javascript"><!--
var banner = function() {
	$('#banner0').cycle({
		before: function(current, next) {
			$(next).parent().height($(next).outerHeight());
		}
	});
}

setTimeout(banner, 2000);
//--></script>
It doesn't have any stops defined, just timeout of 2 seconds (2000ms) between the slides.

I let it run for about 10 minutes and it was looping just fine.

This script is either in

catalog/view/theme/default/template/module/banner.tpl

or

catalog/view/theme/default/template/common/column_left.tpl

Which browser are you testing with?

New member

Posts

Joined
Tue Oct 11, 2011 7:33 am

Post by JAY6390 » Mon Feb 20, 2012 10:16 am

Agreed, the banner does not seem to stop whatsoever (the function run on it is called "cycle" for a reason - it will continuously cycle through them :) )

Image


User avatar
Guru Member

Posts

Joined
Wed May 26, 2010 11:47 pm
Location - United Kingdom

Post by Jacob24 » Mon Feb 20, 2012 7:21 pm

Im using firefox. I left it running and it carried on cycling, however when i went to a different tab and cam back to the page abit later the banner had stopped cycling.

Its not really a problem but i was wandering if their was a fix for it.

Newbie

Posts

Joined
Thu Feb 02, 2012 6:30 am

Post by JAY6390 » Mon Feb 20, 2012 7:49 pm

If there is, you're best off looking at the FAQ for jquery cycle to be honest, though I can't reproduce it on firefox or chrome

Image


User avatar
Guru Member

Posts

Joined
Wed May 26, 2010 11:47 pm
Location - United Kingdom
Who is online

Users browsing this forum: Majestic-12 [Bot] and 16 guests