Product Listing Layout Help

01 Jun 2011, 23:02

#1

Zen Follower

Join Date:: Oct 2010
Posts:: 121
Plugin Contributions:: 0

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. http://oembargain.com/productlayout.jpg

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

02 Jun 2011, 05:30

#2

cybagirl

Zen Follower

Join Date:: Jul 2009
Posts:: 119
Plugin Contributions:: 0

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.

02 Jun 2011, 11:04

#3

stevesh

Black Belt

Join Date:: Feb 2005
Posts:: 19,793
Plugin Contributions:: 2

Re: Product Listing Layout Help

1. You can add to your stylesheet:

#productListHeading {display:none;}

02 Jun 2011, 13:11

#4

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

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.

02 Jun 2011, 22:32

#5

cchan

Zen Follower

Join Date:: Oct 2010
Posts:: 121
Plugin Contributions:: 0

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: http://oembargain.com/untitled

02 Jun 2011, 22:32

#6

cchan

Zen Follower

Join Date:: Oct 2010
Posts:: 121
Plugin Contributions:: 0

Re: Product Listing Layout Help

http://oembargain.com/untitled

02 Jun 2011, 22:33

#7

cchan

Zen Follower

Join Date:: Oct 2010
Posts:: 121
Plugin Contributions:: 0

Re: Product Listing Layout Help

sorry guys, here's the image. http://oembargain.com/untitled.jpg

03 Jun 2011, 01:08

#8

lissae

Totally Zenned

Join Date:: Oct 2007
Posts:: 814
Plugin Contributions:: 0

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

:)

03 Jun 2011, 19:53

#9

cchan

Zen Follower

Join Date:: Oct 2010
Posts:: 121
Plugin Contributions:: 0

Re: Product Listing Layout Help

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

:)

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

03 Jun 2011, 20:56

#10

lissae

Totally Zenned

Join Date:: Oct 2007
Posts:: 814
Plugin Contributions:: 0

Re: Product Listing Layout Help

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

05 Jun 2011, 20:45

#11

dkunev

Zen Follower

Join Date:: May 2011
Posts:: 117
Plugin Contributions:: 0

Re: Product Listing Layout Help

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.

I did that but the filed that used to say ...more info has no text but is still there!

Any suggestions?