Is this possible to have a different image for each active sidebox?
Is this possible to have a different image for each active sidebox?
If you mean heading or box content backgrounds, yes, it is easy. Other possibilities may be more complex. We do need more info on exactly what you want to do, and seeing the site live will help us advise accurately.
Sorry I was talking about the headings. Right now they are set to the tile_bg or something like that.
You need to find the id of each sidebox you want to restyle. Look at "view source" in your browser to find that; the stock categories sidebox has id="categories", for example. To customize its header background, add to your stylesheetand save yourcategoriesheading.gif in /includes/templates/your_template/images/.Code:#categoriesHeading {background: url(../images/yourcategoriesheading.gif) no-repeat;}
Now would that work for each different category heading or is the for all of them?
How would I add the different headings, something like this
#categorieswhatnew {background: url(../images/yourcategoriesheading.gif) no-repeat;}
then another for a different category
#categoriesbestsellers {background: url(../images/yourcategoriesheading.gif) no-repeat;}
Last edited by NJfire; 23 Sep 2013 at 10:29 PM.
We're not communicating effectively about what headings are affected.
I was describing the main heading of the Categories sidebox; I'm not sure exactly what you are describing here (ids resembling the ones you mention do not exist in stock Zen Cart). We need to see your site live, and have detailed info on what you want to change.
So sorry about that. Here is pic of what I was wanting. I the circled red with what I want a different images for. I was hoping to have a different image for each header.
Here is a link if you want to see the live site
http://debbiescraftcorner.com/index.php?main_page=
Okay, it is as you first described it, the individual sidebox headings. None of the others have "categories" in their ids, which was what made me unsure of what you wanted. The sidebox headings can be addressed with rules likeOf course, you can name the images whatever you want, as long as you use the same name in the style rule.Code:#categoriesHeading {background: url(../images/yourcategoriesbg.gif) no-repeat;} #whatsnewHeading {background: url(../images/yourwhatsnewbg.gif) no-repeat;} #ezpagesHeading {background: url(../images/yourezpagesbg.gif) no-repeat;} #informationHeading {background: url(../images/yourinformationbg.gif) no-repeat;} #bestsellersHeading {background: url(../images/yourbestsellersbg.gif) no-repeat;}
You should copy your template files from /classic/ to a new set of custom template folders and set up your own custom template before you go further with your site. /classic/ is supposed to stay as it was when downloaded, as a testing base. Any changes you make to it will be erased when you upgrade to a new version of Zen Cart. See the FAQ/tutorials for complete info on setting up your own template.
Bookmarks