Results 1 to 6 of 6
  1. #1

    Default How to make fixed row height in product listing?

    I have 'new products' listing in my index page of zen-cart. I have used column grid layout. My layout is 3 columns per row. I have made the height of product image to be fixed to 80px. I also don't have any problem with the width of the product as it is same for all the products.

    But, still i have problem in product display. I have long names for some of the products. The products with long name are taking more space, hence pushing the other products below and making the display improper.

    I think if I could make a constant height for each row, then the problem will be solved. But, I don't have any idea, how to do so...

    Any help???

  2. #2
    Join Date
    Sep 2007
    Location
    Dublin, Ireland
    Posts
    1,288
    Plugin Contributions
    8

    Default Re: How to make fixed row height in product listing?

    My guess would be to set the width rather than the height. Add the width element to the whatsnewContent style and set it to the same width as your images.

    Also, any chance of a URL???
    Andrew

    Andrew Moore
    Omnicia Agile Development
    www.omnicia.com

  3. #3

    Default Re: How to make fixed row height in product listing?

    I don't have any problem with assigning fixed width to the image.. infact, my images are all of fixed width.. i have the problem with height..

    well, i tried a trick to assign some height property to the css class "centerBoxContentsNew".. i assigned height:120px to the class "centerBoxContentsNew" in the stylesheet.. but this is not the proper solution.. it will leave whitespace in between the rows..

    any efficient idea ???

  4. #4
    Join Date
    Sep 2007
    Location
    Dublin, Ireland
    Posts
    1,288
    Plugin Contributions
    8

    Default Re: How to make fixed row height in product listing?

    Have you tried setting line-height???
    Andrew

    Andrew Moore
    Omnicia Agile Development
    www.omnicia.com

  5. #5

    Default Re: How to make fixed row height in product listing?

    well, i think that i found the solution..

    you need to edit in your includes/templates/YOUR_TEMPLATE/common/tpl_columnar_display.php file...

    Note/PS: I have column grid layout module installed...

    /* 'clear:both' in stylesheet did the trick */
    Code:
    .clearBoth{
         clear: both; 
    }
    the change in tpl_columnar_display.php is as under:

    PHP Code:
    if($col == (sizeof($list_box_contents[$row]) - 1))
    {
         echo 
    "<br class=\"clearBoth\" />";

    the above code was added just below this one:

    PHP Code:
    echo '<div' $r_params '>' $list_box_contents[$row][$col]['text'] .  '</div>' "\n"
    feeling lazy to describe all this

    hope everyone will understand this.. if not, then you can implement this and try to understand.. even if you don't understand.. then please reply to this post..

  6. #6
    Join Date
    Sep 2004
    Posts
    156
    Plugin Contributions
    0

    Default Re: How to make fixed row height in product listing?

    thank you!!!
    Stacee Edwards

 

 

Similar Threads

  1. v150 Product Listing Row height how to adjust?
    By oj226 in forum General Questions
    Replies: 2
    Last Post: 5 May 2012, 12:29 AM
  2. How to Make New Window Fixed Height & Width?
    By ryanb4614 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 24 Mar 2011, 10:53 PM
  3. defining row height for product listing page
    By bryansummers in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 14 Mar 2011, 11:18 AM
  4. shrink row height in product listing
    By joshuabaer23 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 10 Sep 2010, 03:43 AM
  5. How can I change sub-category product listing row height?
    By enchantart in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Feb 2010, 08:13 PM

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