Results 1 to 6 of 6
  1. #1
    Join Date
    Sep 2008
    Posts
    14
    Plugin Contributions
    0

    Default Want to change Product Listing Layout - HELP

    I've been searching and searching... Can anyone help me/tell me how to modify the layout of the product listings? I want the height of the rows to be taller. I have not installed any modules for column grid layout, etc. What I really want is something that looks similar to this site: http://www.sitstay.com/dog/supplies/...&top_category=

    Any help would be greatly appreciated!!
    Thanks!!!

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

    Default Re: Want to change Product Listing Layout - HELP

    We'll need a link to your site.

  3. #3
    Join Date
    Sep 2008
    Posts
    14
    Plugin Contributions
    0

    Default Re: Want to change Product Listing Layout - HELP

    The link to my site is www.rivercitypetsupplies.com

    Thank you!!

  4. #4
    Join Date
    Aug 2008
    Location
    Rockford, IL
    Posts
    59
    Plugin Contributions
    1

    Default Re: Want to change Product Listing Layout - HELP

    Here is what I did to change the height.

    Look in includes/templates/YOUR_TEMPLATE/css/stylesheet.css

    Open in a text editor.

    search for
    .productListing-data,
    Here is the tricky part. I moved
    .productListing-data,
    out of the section
    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage,
    I moved it above that section to be precise. Then I made it look like the following:

    .productListing-data, {
    border-bottom:solid #000000 1px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0.7em 0.7em;
    }
    What this does is add a line between each item and and space around the line. You can change the color of the line by changing the #000000 to whatever you want. If you do not want the lines to show up then change the color to whatever your background color is for that section. If you want more space between, change the padding.

    I hope this works for you, please let us know.

  5. #5
    Join Date
    Sep 2008
    Posts
    14
    Plugin Contributions
    0

    Default Re: Want to change Product Listing Layout - HELP

    Wilpack - you are awesome!!! Worked like a charm!!! Looks so much better. Thank you so much for your help and for your time!! I was going crazy trying to figure it out!!

    Thanks so very much!!!

  6. #6
    Join Date
    Aug 2008
    Location
    Rockford, IL
    Posts
    59
    Plugin Contributions
    1

    Default Re: Want to change Product Listing Layout - HELP

    Glad to hear that it worked for you. Your site is looking very nice by the way.

 

 

Similar Threads

  1. Change Category Product Listing Layout To Match All Product Listing
    By Alfonzo in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 21 Sep 2010, 11:49 AM
  2. Product listing layout change help
    By pearl_123 in forum Setting Up Categories, Products, Attributes
    Replies: 2
    Last Post: 20 Nov 2009, 01:41 PM
  3. I want to change the layout for special listing
    By weber in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 25 Jan 2009, 06:07 PM
  4. I want same layout for all product listing. PLEASE HELP
    By jagge in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 17 Nov 2008, 01:53 PM
  5. Drastic css layout change in product listing please help!
    By paha in forum Templates, Stylesheets, Page Layout
    Replies: 20
    Last Post: 21 Aug 2008, 07:00 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