We will be doing some site maintenance and need to take the site down for 10 minutes.

Site will go down at 19:00 UTC

Forums / Templates, Stylesheets, Page Layout / Category view: changing product display column width - image, description, price?

Category view: changing product display column width - image, description, price?

Locked

Started by azenuser on 4 Feb 2007, 7:15 AM · Views: 4,334

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
4 Feb 2007, 7:15 AM
#1
azenuser avatar

azenuser

New Zenner

Join Date:
Jan 2006
Posts:
19
Plugin Contributions:
0

Category view: changing product display column width - image, description, price?

Hi folks. Zen 1.3.7. Linux. I searched but could not find the answer in forums, etc. Thanks very much in advance for any help.

How do you change the column/table width for product images, description, and price, in the category display view?

My problem is that the words "product image" are on top of each other rather than side-by-side. I'm thinking this is due to to narrow column setting somewhere?

I want more horizontal space between the product image, item description, and price columns. And more vertical space between each product listing would be nice too.

I've included a screen shot that explains it all. Hopefully a picture is worth at least 500 more words!

4 Feb 2007, 12:46 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Category view: changing product display column width - image, description, price?

Please post a live url to obtain the best solutions

Zen-Venom Get Bitten

4 Feb 2007, 7:47 PM
#3
azenuser avatar

azenuser

New Zenner

Join Date:
Jan 2006
Posts:
19
Plugin Contributions:
0

Re: Category view: changing product display column width - image, description, price?

5 Feb 2007, 3:41 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Category view: changing product display column width - image, description, price?

Try admin > config > images > Image - Product Listing Height and - Image - Product New Listing Width

Keep the proportions constant - but try height = 96 width = 120

Zen-Venom Get Bitten

6 Feb 2007, 5:55 AM
#5
azenuser avatar

azenuser

New Zenner

Join Date:
Jan 2006
Posts:
19
Plugin Contributions:
0

Re: Category view: changing product display column width - image, description, price?

Thanks. I ended up using 92X115, which seemed just enough to get the words side by side for most category views. The images in the cleaning solutions category are very tall and narrow, so in this category, the "product image" words are still over/ under. I'll have to get some other images that have a different ratio.

Much appreciated,

P

6 Feb 2007, 12:43 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Category view: changing product display column width - image, description, price?

I would matt all your images to a standard size to assist in consistant displays

Zen-Venom Get Bitten

6 Feb 2007, 3:52 PM
#7
azenuser avatar

azenuser

New Zenner

Join Date:
Jan 2006
Posts:
19
Plugin Contributions:
0

Re: Category view: changing product display column width - image, description, price?

Yep, I did that once I noticed. Any idea how to increase horizontal padding between the item description words and images/price field? How about more verticle padding between title bar and product listings? See the attached picture from the first post for clarification.

6 Feb 2007, 4:07 PM
#8
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Category view: changing product display column width - image, description, price?

You can use this tag and this form and enter the values that you desire

.productListing-data {
padding: 2em .5em 2em .2em;
}

Zen-Venom Get Bitten

8 Feb 2007, 9:31 PM
#9
azenuser avatar

azenuser

New Zenner

Join Date:
Jan 2006
Posts:
19
Plugin Contributions:
0

Re: Category view: changing product display column width - image, description, price?

Which directory/file to mod is that please? This would be helpful.