Results 1 to 8 of 8
  1. #1

    help question Remove Space in Product Listing

    I've searched the manual and the forums, but I can't seem to locate this information. On my Product Listing, I have it set for three columns - Product Image, Item Name and Price.

    In the Price column, I have it set to show the price and a quantity box. The quantity box is located below the price, but there is a space between the price and the box. With a large listing of products, this space makes the layout confusing because it can easily be mistaken that the price is associated with the box above it.

    How do I eliminate that space? In HTML, I would simply use <br /> instead of <p> after the price, but I don't know how to do it in this case. I'm not sure if this is a CSS issue or something that can be done in Admin.

    Any ideas?

  2. #2
    Join Date
    Oct 2007
    Posts
    289
    Plugin Contributions
    0

    Default Re: Remove Space in Product Listing

    Always post a link to the page, so we can debug.
    [FONT=Microsoft Sans Serif]CSS Evangelist[/FONT]

  3. #3

    Default Re: Remove Space in Product Listing

    Here you go:

    http://www.cobraplant.com/plants/ind...dex&cPath=2_14

    I sort of fixed the problem by changing the font size, but I'd still like to get rid of the space between the price and the quantity box associated with it.

  4. #4
    Join Date
    Oct 2007
    Posts
    289
    Plugin Contributions
    0

    Default Re: Remove Space in Product Listing

    Okay, you need to remove those multiple <br /> in product_listing.php
    [FONT=Microsoft Sans Serif]CSS Evangelist[/FONT]

  5. #5

    Default Re: Remove Space in Product Listing

    Ah yes! Thank you for pointing that out. Of course, I didn't think about checking the actual product listing file!

  6. #6
    Join Date
    Sep 2007
    Posts
    23
    Plugin Contributions
    0

    Default Re: Remove Space in Product Listing

    Hi, Guys: Can it be more specific that new Zenners like me also learn how to do it?

  7. #7
    Join Date
    Feb 2008
    Posts
    1
    Plugin Contributions
    0

    Default Re: Remove Space in Product Listing

    I amtrying (unsuccesfully) to do something similar. I just don't understand the use of the various forms and how theyfit together and where the space comes from. Here is the URL for my site in progress. http://www.spencerserolls.com/zencar...=index&cPath=1

    When the lists of products display, the price, the tag Add: and the drop down box for quantity should all be on the same line as the product name. I have 4000 products and need them crammed together as close as possible. I am using multiple add to cart and have eliminated pretty much everything but the product model (for sorting purposes)product name price and add button. I wouild actually like to suppress the display of the price as the prices are all the same. I see where I can make it '' instead of the value but it still takes up a line and spreads everything apart.

    I am totally new to PHP and have little HTML experience other than commenting it out and making minor changes. I need really explicit instructions as to what to change or what I need to learn such as how and where the table that creates the add quantity box and other elements is defined and how to change it.

  8. #8
    Join Date
    Sep 2006
    Posts
    91
    Plugin Contributions
    0

    Default Re: Remove Space in Product Listing

    Hi,
    I try to remove the white space between select color and Select Quantity. Please go to my site. The following is the direct page that you can see. If I display more than 6 the little color swatches than I will get a big white gap.
    http://www.yenmax.com/silk-sweater-s...a83c460b53a1d4

    Thanks

 

 

Similar Threads

  1. v150 Need Space in between Product Listing
    By ljdream00 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 26 Mar 2012, 01:44 PM
  2. product listing-leave some space between product images
    By b90702098 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Mar 2012, 07:00 AM
  3. Remove white space between product listing and category heading
    By Yiannis in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 13 Jan 2010, 01:23 PM
  4. Product Listing needs buffer space
    By bigdiogi in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 13 Jan 2009, 09:29 PM

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