Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Quantity and Add to cart button badly displayed.

Quantity and Add to cart button badly displayed.

Views: 1,034

Results 1 to 5 of 5
8 May 2012, 12:05 AM
#1
ilmarchez avatar

ilmarchez

Zen Follower

Join Date:
Aug 2009
Posts:
128
Plugin Contributions:
0

Quantity and Add to cart button badly displayed.

Hi,

I'd like, on the product listing page, to have the add to cart button to appear next to the quantity box, not below.
Where should I make this change?

I attach a picture of how is displayed now.

Thank you very much for your help.
Attachment 10435

8 May 2012, 7:47 AM
#2
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Quantity and Add to cart button badly displayed.

A picture really doesn't help when trying to resolve layout issues, a link to the live site would be better.

A good tool to use is The Web Developer extension for fire-fox.

8 May 2012, 10:25 AM
#3
ilmarchez avatar

ilmarchez

Zen Follower

Join Date:
Aug 2009
Posts:
128
Plugin Contributions:
0

Re: Quantity and Add to cart button badly displayed.

rbarbour:

A picture really doesn't help when trying to resolve layout issues, a link to the live site would be better.

A good tool to use is The Web Developer extension for fire-fox.

Hi, I tried to figure it out but I couldn't..
Could you plkease have a look? the webpage is here http://tiny.cc/i6izdw
Thank you.

8 May 2012, 10:44 AM
#4
ilmarchez avatar

ilmarchez

Zen Follower

Join Date:
Aug 2009
Posts:
128
Plugin Contributions:
0

Re: Quantity and Add to cart button badly displayed.

Hi, asyou can see modifying "product_listing.php" I reached my goal but somebody can tell me why the quanty box and the add to cart ######## are mis-aligned vertically?

Thank you

8 May 2012, 4:07 PM
#5
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Quantity and Add to cart button badly displayed.

not a big fan of TM templates - I can not even think of a reason why they added and altered code to do what they did.

but try adding this to your stylesheet

div.productListing-data {
position:relative;
}

div.productListing-data input[type="image"] {
position:absolute;
top:6px;
}