View Single Post
  #8  
Old 07-24-2009, 07:00 PM
 
Marc Washburn Marc Washburn is offline
 

Advanced Member
  
Join Date: May 2004
Posts: 72
 

Default Re: How do you vary the Header via Category?

Quote:
Originally Posted by Tal
Wouldn't it also be possible to do the following for flexibility?

{if $cat=1234}<div class="class">header</div>{/if}

Thank you everyone for the many possible answers to my question. Unfortunately my skills are very good with CSS & HTML, but very bad with JavaScript and Smarty Templates.

My design relies on CSS to create the graphic for the header, so from reading the replies, Tal's code snippet seems to be the closest solution to my design.

Here is some more information regarding my current header design.

As the bases for the website I used the Neon Lights template. I then modified the CSS for the header with the following:

"body {
background: transparent url(images/neon_lights/bg_left.gif) left top repeat-y;"

and

"#header {
height: 155px;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #ffffff url(images/neon_lights/head_bg.gif) repeat-x 1px top;
}"

So I have a base graphic which has the logo and a repeating graphic that tiles in order to allow for a photo that tiles (they are almost identical but the non-tiling graphic is locked into the top left to display the company logo).

So how, and in what module can I create some code snippet to swap out the CSS setting (via a class change) to swap out the two graphics for each category?

thanks for further assistance.

Marc
__________________
Marc Washburn
Natural Bath & Body Shop
P.O. Box 2555
Tarpon Springs, FL 34688
marc@naturalbathandbodyshop.com
www.naturalbathandbodyshop.com

Mod Newbie
X-cart 4.4.5 - Now Live !!! Hurray!
X-cart 4.2.1 - Delicae Gourmet
Reply With Quote