New Zenner
- Join Date:
- Feb 2011
- Posts:
- 43
- Plugin Contributions:
- 0
Different images for each sidebox
Is this possible to have a different image for each active sidebox?
Views: 2,313
New Zenner
Is this possible to have a different image for each active sidebox?
Totally Zenned
NJfire:
Is this possible to have a different image for each active sidebox?More info please. What images are you showing in these sideboxes?
Black Belt
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.
New Zenner
Sorry I was talking about the headings. Right now they are set to the tile_bg or something like that.
Black Belt
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 stylesheet```
#categoriesHeading {background: url(../images/yourcategoriesheading.gif) no-repeat;}
New Zenner
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;}
Black Belt
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.
New Zenner
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=
Black Belt
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 like ```
#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;}
Black Belt
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.
New Zenner
Thank you so much for the help and advice.
New Zenner
Sorry another question containing to this, how would I remove the default heading and replace it with the image? So where it say "Categories" remove the text completely with an image.
Black Belt
You should have said you wanted to do this. For this purpose, the best course is to install Images for Titles from Plugins. Scrap the CSS backgrounds, and make them each part of an image of the relevant header/text.
New Zenner
sorry I thought it would just take there place. Now adding images for titles plugin will accomplish this?
New Zenner
I downloaded the mod do I have to make the folders if they aren't there?
Black Belt
If you rename any /your_template/ folders in the mod package with your actual template foldername (as the readme instructs), you can just upload the whole /includes/ mod folder to your site's root and any needed new folders will automatically be created. Any that already exist will not be affected except to add the new files.
Tell staff why this post should be reviewed.