Page 1 of 2 12 LastLast
Results 1 to 10 of 16
  1. #1
    Join Date
    Feb 2011
    Posts
    42
    Plugin Contributions
    0

    Default Different images for each sidebox

    Is this possible to have a different image for each active sidebox?

  2. #2
    Join Date
    Aug 2005
    Location
    Vic, Oz
    Posts
    1,905
    Plugin Contributions
    5

    Default Re: Different images for each sidebox

    Quote Originally Posted by NJfire View Post
    Is this possible to have a different image for each active sidebox?
    More info please. What images are you showing in these sideboxes?

  3. #3
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default 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.

  4. #4
    Join Date
    Feb 2011
    Posts
    42
    Plugin Contributions
    0

    Default 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.

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default 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
    Code:
    #categoriesHeading {background: url(../images/yourcategoriesheading.gif) no-repeat;}
    and save yourcategoriesheading.gif in /includes/templates/your_template/images/.

  6. #6
    Join Date
    Feb 2011
    Posts
    42
    Plugin Contributions
    0

    Default 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;}
    Last edited by NJfire; 23 Sep 2013 at 10:29 PM.

  7. #7
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default 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.

  8. #8
    Join Date
    Feb 2011
    Posts
    42
    Plugin Contributions
    0

    Default 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=

    Name:  dcc1.jpg
Views: 72
Size:  69.4 KB

  9. #9
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default 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
    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;}
    Of course, you can name the images whatever you want, as long as you use the same name in the style rule.

  10. #10
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default 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.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Possible to have different background images for each category?
    By Twaddle in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 28 Sep 2011, 11:35 AM
  2. different font color for each category in sidebox
    By DebiWebi in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 2 Sep 2009, 05:00 PM
  3. Different shipping price for each product, and flat rate for groups of products
    By zenner27534 in forum Built-in Shipping and Payment Modules
    Replies: 1
    Last Post: 2 Jun 2009, 06:29 PM
  4. Different "Sold Out" images for each product type
    By Starlyn in forum Setting Up Categories, Products, Attributes
    Replies: 13
    Last Post: 20 Mar 2009, 10:37 PM
  5. How to add different images in sidebox for product pages?
    By riotact15 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 21 May 2008, 07:26 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR