Results 1 to 8 of 8
  1. #1
    Join Date
    Feb 2010
    Location
    Palm Springs CA
    Posts
    10
    Plugin Contributions
    0

    Default defining row height for product listing page

    I have read a lot of threads and haven't been able to figure out how to do this, I would like to adjust the cell spacing to provide some white space between products in the product listing, I have 1 product per row and I don't like the way the product images have no space between rows, the images run up against each other vertically. I used firebug for fire fox to find the code, but was unable to find the file it was contained in. I am using 1.3.9e and the Sage Template.

    Thanks for any help.

    Bryan

  2. #2
    Join Date
    Aug 2010
    Posts
    21
    Plugin Contributions
    0

    Default Re: defining row height for product listing page

    Hey I did this awhile back i am not sure if the .centercolumn {} was in the stylesheet.css already or i added it in myself

    if its not, add the following

    .centercolumn { height: 130px !important; }

    make sure to have '!important' in it or it wont work

  3. #3
    Join Date
    Feb 2011
    Posts
    34
    Plugin Contributions
    0

    Default Re: Want to Know if This is Possible

    Hi

    I am currently creating a webpage with 50 items per page and this is a nightmare for scrolling because the items are too far away from each other.

    Is there a way to makes the items closer together so that there is less scrolling involved?

    Here is what it looks like now... i want to make the rows smaller(height wise i mean) so they are closer together and less scolling is involved

    http://mauricedoodysales.com/index.p...ath=83_206_387

    Could someone please help me!!!

    Thank you
    Niall
    Last edited by Ajeh; 10 Mar 2011 at 05:03 PM. Reason: remove zenid from URL

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

    Default Re: defining row height for product listing page

    Hi

    I am currently creating a webpage with 50 items per page and this is a nightmare for scrolling because the items are too far away from each other.

    Is there a way to makes the items closer together so that there is less scrolling involved?

    Here is what it looks like now... i want to make the rows smaller(height wise i mean) so they are closer together and less scolling is involved

    http://mauricedoodysales.com/index.p...831331db10f537

    Could someone please help me!!!

    Thank you
    Niall

  5. #5
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Want to Know if This is Possible

    Start with truning the image off

    admin > config > product listing > Display Product Image > set to "0"
    Zen-Venom Get Bitten

  6. #6
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Want to Know if This is Possible

    You could add this to stylesheet.css:

    .productListing-odd, .productListing-even {
    line-height: .5em;
    }


    You'll have to make sure your images (if you intend to add them) will fit in that space.

  7. #7
    Join Date
    Jun 2003
    Posts
    33,715
    Plugin Contributions
    0

    Default Re: defining row height for product listing page

    Moderator's note - previous thread merged here. Please do not repost the same problem/question in multiple places.
    Please do not PM for support issues: a private solution doesn't benefit the community.

    Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

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

    Default Re: Want to Know if This is Possible

    Quote Originally Posted by stevesh View Post
    You could add this to stylesheet.css:

    .productListing-odd, .productListing-even {
    line-height: .5em;
    }


    You'll have to make sure your images (if you intend to add them) will fit in that space.
    Perfect, this did the job alright and thanks kobra as well, I removed the item image and it looks perfect now

    Thanks alot stevesh and kobra

 

 

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. shrink row height in product listing
    By joshuabaer23 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 10 Sep 2010, 03:43 AM
  3. row column layout for New Product listing
    By JohnBoyCR in forum General Questions
    Replies: 1
    Last Post: 6 Mar 2010, 01:03 AM
  4. 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
  5. How to make fixed row height in product listing?
    By chapagain in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 15 Jan 2009, 04:44 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