Surfs Up Template Support Tread

[kawikapoi]

Hi! LOVE your template...and it works GREAT in 1.3.9h!
I need assistance creating new sidebox headings (i can make the image, just don't know how to put it where it needs to be and how to make it work.
For Example, if I create an "events" sidebox, I need the header to match the rest of the sight!

Do you have a tutorial on that?
Thanks!!!!

[dropbop]

Hi kawikapoi,

There is a .psd template file for the sidebox headers in the /source folder.

If you don't have photoshop to edit the image, please let em know the heading of the side box and I will do it for you and send it to you.

To change the sidebox heading from the standard Zen Cart one, you will need to edit the custom sidebox so the id reads something like id="custom_sidebox_header".

Then go to the custom css /includes/templates/surfshop/css/stylesheet_headings.css

There you will see the cusom css for the other sideboxes. You will need to copy the css for another sidebox and use it to create a new style for your new sidebox.

Example:
This is the categories sidebox header

#categoriesHeading {
	background:#3184BD;
	color:transparent;
	background-image: url(../images/cathead.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top: 49px;
}

This could be a custom side box header for your events sidebox:

#eventsHeading {
	background:#3184BD;
	color:transparent;
	background-image: url(../images/eventhead.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top: 49px;
}

Actually, I have just created an Events sidebox header which you can download HERE

Hope that helps :)

DB

[kawikapoi]

Yes! That helped a lot! It's so EASY!
Thank-you very much for your help!

[fubar73]

Hi kawikapoi,

There is a .psd template file for the sidebox headers in the /source folder.

If you don't have photoshop to edit the image, please let em know the heading of the side box and I will do it for you and send it to you.

To change the sidebox heading from the standard Zen Cart one, you will need to edit the custom sidebox so the id reads something like id="custom_sidebox_header".

Then go to the custom css /includes/templates/surfshop/css/stylesheet_headings.css

There you will see the cusom css for the other sideboxes. You will need to copy the css for another sidebox and use it to create a new style for your new sidebox.

Example:
This is the categories sidebox header

#categoriesHeading {
	background:#3184BD;
	color:transparent;
	background-image: url(../images/cathead.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top: 49px;
}

This could be a custom side box header for your events sidebox:

#eventsHeading {
	background:#3184BD;
	color:transparent;
	background-image: url(../images/eventhead.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top: 49px;
}

Actually, I have just created an Events sidebox header which you can download HERE

Hope that helps :)

DB

Hi I know this is a bit of an old post but is this Events header still available?

thanks

chris