Results 1 to 9 of 9
  1. #1
    Join Date
    Feb 2010
    Posts
    40
    Plugin Contributions
    0

    Default Categories/Subcategories Image Placement Issue

    Hello,

    I've been playing around with this for a while now but just can't seem to be able to figure this out. I'm assuming that this has to be changed somewhere in the .php/.css files' code but maybe it's in the admin panel.

    I'm having two similar issues and I've also included thumbnails of a screenshot so that you can see what I'm talking about.

    The first problem is that when I click on a category that has subcategories, the MAIN category image is displayed at the top left corner and the text in a column on the right. Question 1: can I make this image be displayed on top of the text or make the text wrap around the image like it does on the product pages? (Such as:)

    ____
    |img| Text text text
    |___| Text text text
    Text text text text
    Text text text text

    OR

    blank____
    blank|img|
    blank|___|
    Text text text text
    Text text text text
    Text text text text

    The second problem is that the three subcategories that are shown on the bottom do not have their text and image lined up. It's like the image is in the left of each respective column and the text is in the center. Can I make both in the center? Or both in the left?

    Thank you very much and I hope I was clear enough - please tell me if there's anything I can explain better.

    I really appreciate your help!!!!
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Untitled.jpg 
Views:	180 
Size:	10.8 KB 
ID:	7086   Click image for larger version. 

Name:	Untitled2.jpg 
Views:	187 
Size:	44.7 KB 
ID:	7087  

  2. #2
    Join Date
    Aug 2005
    Posts
    26,507
    Plugin Contributions
    9

    Default Re: Categories/Subcategories Image Placement Issue

    As this can be template specific we need a link to your site
    To break link, add one space as in
    http ://www.zen-cart.com/
    Zen-Venom Get Bitten
    Get Your Business Found

  3. #3
    Join Date
    Feb 2010
    Posts
    40
    Plugin Contributions
    0

    Default Re: Categories/Subcategories Image Placement Issue

    Sure, it's http ://66.11.182.82/zen/

    (I don't have a domain name yet so I'm just hosting it on my home static IP - sorry if the loading's slow!!!)

    PS: the category in question is "lasers"

  4. #4
    Join Date
    Aug 2005
    Posts
    26,507
    Plugin Contributions
    9

    Default Re: Categories/Subcategories Image Placement Issue

    You have a case of the dreaded Template Monster template
    I attempted the standard things, but they take license and recode things to their liking
    You will need to get them to decipher their template
    Zen-Venom Get Bitten
    Get Your Business Found

  5. #5
    Join Date
    Feb 2010
    Posts
    40
    Plugin Contributions
    0

    Default Re: Categories/Subcategories Image Placement Issue

    Wow that's horrible! I doubt they would ever agree to do anything of the sort for free... I guess I'll try to figure it out myself.

    By the way, just so that I know for the future, is Template Monster bad to use? Who would you recommend (especially in terms of template customization being lax).

    Thanks for your help!

  6. #6
    Join Date
    Aug 2005
    Posts
    26,507
    Plugin Contributions
    9

    Default Re: Categories/Subcategories Image Placement Issue

    Search this forum for them and make your own determination

    Recommend you use/start with one of the contributed templates that is closest to your desired scheme and use this forum as a resource to customize it

    You can view many bu not all at
    http://www.zencarttemplates.info/
    Zen-Venom Get Bitten
    Get Your Business Found

  7. #7
    Join Date
    Feb 2010
    Posts
    40
    Plugin Contributions
    0

    Default Re: Categories/Subcategories Image Placement Issue

    Sorry for double posting but I just found this code in my stylesheet_main.css file and I think this is what needs to be edited. If it is, could you please tell me what exactly I should do?

    Here's the code:

    Code:
    /*  CATEGORY  */
    
    
    
    #indexCategories {}
    
    
    
    #categoryImgListing {padding:0; float:left; margin-right:15px;}
    
    
    
    
    
    #indexProductListCatDescription, #categoryDescription { display:block; overflow:hidden; min-height:160px; height:auto !important; height:160px; color:#716d7a; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;}
    
    
    
    
    
    .categoryListBoxContents {text-align:center; padding:5px 0px;}
    
    .categoryListBoxContents img {margin-bottom:0;}
    
    .categoryListBoxContents a {text-decoration:none; font-size:11px; color:#bfbec1; line-height:normal; font-weight:bold; text-transform:none; }
    
    
    
    
    
    /*  --------  */
    
    
    
    
    
    /*  CATEGORY LISTING  */
    
    
    
    .tabTable {margin:0px 0px 0 0px;}
    
    .tabTable th {padding:0 1px 1px 1px; text-align:left;background:url(../images/productListing-heading_bg_th.gif) repeat-x left top;}
    
    .tabTable th { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; line-height:normal; font-weight:bold; text-transform:capitalize;}
    
    .tabTable th a {color:#ffffff; text-decoration:none;}
    
    .tabTable th a:hover{text-decoration:underline;}
    
    
    
    .productListing-rowheading {}
    
    .productListing-heading a {text-decoration:none !important;}
    
    .productListing-heading a:hover {text-decoration:underline !important;}
    
    
    
    .tabTable td {}
    
    .tabTable td {font-size:18px; font-family:tahoma; color:#000000; font-weight:bold;}
    
    h3.itemTitle{text-align:left;}
    
    .tabTable td .listingDescription {padding:5px 5px 5px 0;  font-size:12px; line-height:14px; color:#716d7a; text-align:left; font-weight:normal;}
    
    .tabTable td a {text-decoration:underline;}
    
    .tabTable td a:hover {text-decoration:none;}
    
    
    
    .productListing-data a{color:#78767e; font-size:11px; text-transform:uppercase; font-weight:normal;}
    
    .productListing-data{color:#ffffff !important; font-size:14px !important; line-height:21px !important; font-weight:bold !important; text-align:center; padding-top:0px; background:#201f23;}
    
    
    
    .productListing-data img{margin-right:0;}
    
    
    
    .productListing-data h3{color:#bfbec1; font-size:11px; font-weight:bold; margin-bottom:6px; padding-top:0; text-transform:uppercase}
    
    .productListing-data h3 a{color:#bfbec1; font-size:11px; font-weight:bold; text-transform:uppercase}
    Thanks a lot!

  8. #8
    Join Date
    Aug 2005
    Posts
    26,507
    Plugin Contributions
    9

    Default Re: Categories/Subcategories Image Placement Issue

    Those are the ones I tried but the template has added additional code so that these do not respond as normal
    Zen-Venom Get Bitten
    Get Your Business Found

  9. #9
    Join Date
    Feb 2010
    Posts
    40
    Plugin Contributions
    0

    Default Re: Categories/Subcategories Image Placement Issue

    Hi,

    I actually got the answer myself - I played around with that code and this is what I changed it to to get exactly what I had in mind:

    Code:
    /*  CATEGORY  */
    
    
    
    #indexCategories {}
    
    
    
    #categoryImgListing {padding:0px 15px 15px 0px; float:left; margin-left:0px;}
    
    
    
    #indexProductListCatDescription, #categoryDescription { /*display:block; overflow:hidden; */min-height:160px; height:auto !important; height:160px; color:#716d7a; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; padding: 0px 0px 30px 0px}
    
    
    
    .categoryListBoxContents {text-align:left; padding:5px 0px;}
    
    .categoryListBoxContents img {margin-bottom:0;}
    
    .categoryListBoxContents a {text-decoration:none; font-size:11px; color:#bfbec1; line-height:normal; font-weight:bold; text-transform:none; }
    Thanks for all your help and I hope this might help someone else too!

 

 

Similar Threads

  1. Categories/subcategories index image layout problem
    By prim0pyr0 in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 28 Oct 2009, 10:24 AM
  2. Image Placement
    By eggdashure in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 18 Mar 2009, 03:03 AM
  3. Image Placement
    By Resqjock in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 6 Mar 2009, 12:52 AM
  4. Image placement
    By Crazy in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 6 Jun 2007, 07:40 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
  •