Results 1 to 8 of 8

Hybrid View

  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: 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

  4. #4
    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

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

  8. #8
    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.

 

 

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