Product listing layout changes

18 Jul 2011, 09:39

#1

joey779

New Zenner

Join Date:: Mar 2011
Posts:: 31
Plugin Contributions:: 0

Product listing layout changes

I need to place the item title above the image on the products listing.

I have attached the file which shows too much white space between image and title.

I have tried removing padding through .css files but it hasn't worked.

Can anyone point me in the right direction please?

18 Jul 2011, 10:03

#2

stevesh

Black Belt

Join Date:: Feb 2005
Location:: Lansing, Michigan USA
Posts:: 19,793
Plugin Contributions:: 2

Re: Product listing layout changes

Not much we can do without seeing the site.

18 Jul 2011, 10:34

#3

joey779

New Zenner

Join Date:: Mar 2011
Posts:: 31
Plugin Contributions:: 0

Re: Product listing layout changes

I've attached a screenshot showing product listings.

Should be able to view it but if not let me know.

18 Jul 2011, 10:42

#4

dgent

Totally Zenned

Join Date:: Nov 2009
Location:: UK
Posts:: 1,117
Plugin Contributions:: 0

Re: Product listing layout changes

Can you take your site out of maintenance then we can see.

18 Jul 2011, 10:46

#5

joey779

New Zenner

Join Date:: Mar 2011
Posts:: 31
Plugin Contributions:: 0

Re: Product listing layout changes

OK, the site is online now.

www. arrow storm .co .uk

18 Jul 2011, 10:49

#6

dgent

Totally Zenned

Join Date:: Nov 2009
Location:: UK
Posts:: 1,117
Plugin Contributions:: 0

Re: Product listing layout changes

Have a look at your H3 padding in your CSS file, and h3.itemTitle would look better centered. As for moving it to the top youd have to move some code around in your product listing template file.

18 Jul 2011, 10:59

#7

joey779

New Zenner

Join Date:: Mar 2011
Posts:: 31
Plugin Contributions:: 0

Re: Product listing layout changes

That helps.

But if I change H3 padding the whole page is affected. I don't know how to isolate H3 as it refers to the Item Tile only.

Also where would I add a border for each item?

18 Jul 2011, 11:37

#8

joey779

New Zenner

Join Date:: Mar 2011
Posts:: 31
Plugin Contributions:: 0

Re: Product listing layout changes

If I attach the my template product listing code would anyone be prepared to point out which code needs moving so that the item title appears above the image.

(I can't see where it is happening)

18 Jul 2011, 12:37

#9

dgent

Totally Zenned

Join Date:: Nov 2009
Location:: UK
Posts:: 1,117
Plugin Contributions:: 0

Re: Product listing layout changes

joey779:

That helps.

But if I change H3 padding the whole page is affected. I don't know how to isolate H3 as it refers to the Item Tile only.

Also where would I add a border for each item?

Add padding: 0px to h3.itemtitle

18 Jul 2011, 12:50

#10

joey779

New Zenner

Join Date:: Mar 2011
Posts:: 31
Plugin Contributions:: 0

Re: Product listing layout changes

Tried that but it must be the padding on the item (add to cart) above that is padded. because it didn't remove the white space.

Placing the title above the image is a good soultion but the code is not clear, seems to build and array of all the items before displaying and no comments.

18 Jul 2011, 15:55

#11

joey779

New Zenner

Join Date:: Mar 2011
Posts:: 31
Plugin Contributions:: 0

Re: Product listing layout changes

Ah, I changed the sort order in admin>product listing.

Did the trick...