Zen Cart Logo
Forums / Customization from the Admin / Different images for each sidebox

Different images for each sidebox

Views: 2,313

Results 1 to 16 of 16
23 Sep 2013, 12:59 AM
#1
njfire avatar

njfire

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?

23 Sep 2013, 1:34 AM
#2
gilby avatar

gilby

Totally Zenned

Join Date:
Aug 2005
Location:
Vic, Oz
Posts:
1,816
Plugin Contributions:
0

Re: Different images for each sidebox

NJfire:

Is this possible to have a different image for each active sidebox?More info please. What images are you showing in these sideboxes?

23 Sep 2013, 3:36 AM
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different images for each 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.

23 Sep 2013, 8:03 PM
#4
njfire avatar

njfire

New Zenner

Join Date:
Feb 2011
Posts:
43
Plugin Contributions:
0

Re: Different images for each sidebox

Sorry I was talking about the headings. Right now they are set to the tile_bg or something like that.

23 Sep 2013, 9:21 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different images for each sidebox

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;}

23 Sep 2013, 9:26 PM
#6
njfire avatar

njfire

New Zenner

Join Date:
Feb 2011
Posts:
43
Plugin Contributions:
0

Re: Different images for each sidebox

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;}

24 Sep 2013, 12:00 AM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different images for each sidebox

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.

24 Sep 2013, 12:26 AM
#8
njfire avatar

njfire

New Zenner

Join Date:
Feb 2011
Posts:
43
Plugin Contributions:
0

Re: Different images for each sidebox

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=

Attachment 13110

24 Sep 2013, 2:03 AM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different images for each sidebox

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;}

24 Sep 2013, 2:07 AM
#10
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different images for each sidebox

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.

24 Sep 2013, 9:16 PM
#11
njfire avatar

njfire

New Zenner

Join Date:
Feb 2011
Posts:
43
Plugin Contributions:
0

Re: Different images for each sidebox

Thank you so much for the help and advice.

26 Sep 2013, 11:40 PM
#12
njfire avatar

njfire

New Zenner

Join Date:
Feb 2011
Posts:
43
Plugin Contributions:
0

Re: Different images for each sidebox

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.

27 Sep 2013, 9:47 AM
#13
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different images for each sidebox

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.

27 Sep 2013, 7:51 PM
#14
njfire avatar

njfire

New Zenner

Join Date:
Feb 2011
Posts:
43
Plugin Contributions:
0

Re: Different images for each sidebox

sorry I thought it would just take there place. Now adding images for titles plugin will accomplish this?

28 Sep 2013, 1:17 AM
#15
njfire avatar

njfire

New Zenner

Join Date:
Feb 2011
Posts:
43
Plugin Contributions:
0

Re: Different images for each sidebox

I downloaded the mod do I have to make the folders if they aren't there?

30 Sep 2013, 2:11 PM
#16
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different images for each sidebox

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.