Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    Oct 2010
    Posts
    121
    Plugin Contributions
    0

    Default Product Listing Layout Help

    Hello, I've been doing a lot of research and changing things on my own to try to get my page looking the way I want it to. However, there are still many things I couldn't get correct. Here is an image of things I still couldn't change.

    for #1 Is there any way I could remove the category titles from all pages? I managed to remove it from the subcategories but not from the main page and product listing pages. Also, there is unecessary space under the title I'd like to remove.

    #2 I couldn't get rid of the "... more info". The only way that I could find to remove it is to edit the english file and omit the "...more info" but there would then become a big space in between.

    #3 is also unecessary space I couldn't remove...

    #4 I couldn't find a way to change the font and size of the model number..

    Could anyone please assist me with these?

    Thanks in advance! Any help is greatly appreciated!

  2. #2
    Join Date
    Jul 2009
    Posts
    122
    Plugin Contributions
    0

    Default Re: Product Listing Layout Help

    Unless I am mistaken number 1 is part of the menu structure and shouldn't be removed. I guess it could be commented out but I have no idea what effect this would have as I have never tried to remove it myself.

    The more info is in place because there are attributes in place for the product(s). If you remove the attributes from the product then it will show a buy now button instead. You could probably put a button in place of the more info text. But again this is something I haven't attempted yet.

    If you want to get rid of the space you could try turning off the Sold Out button from being shown in:

    Admin > Configuration > Stock - Show Sold Out Image in place of Add to Cart

    Set this option from 1 to 0

    Not ideal if you want to display this button though.

    If you use Firefox download and install the Firebug plugin and it will show you how to change colours, text and all kinds of other things.

    http://getfirebug.com/

    Hope this helps you.

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

    Default Re: Product Listing Layout Help

    1. You can add to your stylesheet:

    #productListHeading {display:none;}

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Product Listing Layout Help

    #productListHeading, .centerBoxContentsProducts br+br {display: none;}

    This will remove the heading and all of the extra spaces in the listing items.
    And if you change the ...more info text definition to blank (two single quotes '' with no space between them), that should cause a double <br /> which will also be reduced.
    Last edited by gjh42; 2 Jun 2011 at 02:15 PM.

  5. #5
    Join Date
    Oct 2010
    Posts
    121
    Plugin Contributions
    0

    Default Re: Product Listing Layout Help

    Thanks for all the help everyone! I fixed most.. but there's still one more thing.. the heading is still showing..as seen below:

  6. #6
    Join Date
    Oct 2010
    Posts
    121
    Plugin Contributions
    0

    Default Re: Product Listing Layout Help


  7. #7
    Join Date
    Oct 2010
    Posts
    121
    Plugin Contributions
    0

    Default Re: Product Listing Layout Help

    sorry guys, here's the image.

  8. #8
    Join Date
    Oct 2007
    Location
    Australia
    Posts
    843
    Plugin Contributions
    0

    Default Re: Product Listing Layout Help

    #indexCategoriesHeading {display:none;}

    ...should do it, or you can add it to the previous definition supplied by gjh42:

    #productListHeading, #indexCategoriesHeading, .centerBoxContentsProducts br+br {display: none;}

    :)
    HunnyBee Design
    "A man's manners are a mirror in which he shows his portrait." ~ Johann Wolfgang von Goethe

  9. #9
    Join Date
    Oct 2010
    Posts
    121
    Plugin Contributions
    0

    Default Re: Product Listing Layout Help

    Quote Originally Posted by LissaE View Post
    #indexCategoriesHeading {display:none;}

    ...should do it, or you can add it to the previous definition supplied by gjh42:

    #productListHeading, #indexCategoriesHeading, .centerBoxContentsProducts br+br {display: none;}

    :)
    I tried both ways but it's not working for the main page =[

  10. #10
    Join Date
    Oct 2007
    Location
    Australia
    Posts
    843
    Plugin Contributions
    0

    Default Re: Product Listing Layout Help

    Quote Originally Posted by cchan View Post
    I tried both ways but it's not working for the main page =[
    When I found your site on Google and added that via Firebug it worked. Can't offer anything else for you as I don't know why it's not working on your end, I'm sorry
    HunnyBee Design
    "A man's manners are a mirror in which he shows his portrait." ~ Johann Wolfgang von Goethe

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Product Listing Layout Help
    By nolsowski in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 26 Jun 2011, 07:56 PM
  2. Product Listing-Layout Style HElp
    By Ms_X in forum Addon Templates
    Replies: 2
    Last Post: 5 Dec 2010, 02:37 PM
  3. 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
  4. Product listing layout modification HELP!
    By missinglife in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 8 Oct 2009, 07:27 AM
  5. Help with IE product listing layout
    By grayceworks in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 22 Feb 2007, 02:09 AM

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