Product Listing Layout Help

[cchan]

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!

[CybaGirl]

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.

[stevesh]

1. You can add to your stylesheet:

#productListHeading {display:none;}

[gjh42]

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

[cchan]

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

[cchan]

[cchan]

sorry guys, here's the image.

[LissaE]

#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;}

:)

[cchan]

#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 =[

[LissaE]

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