Forums / Templates, Stylesheets, Page Layout / Add to Cart button alignment runs with product attributes

Add to Cart button alignment runs with product attributes

Views: 602

Results 1 to 2 of 2
11 Jul 2011, 4:36 PM
#1
hindley avatar

hindley

New Zenner

Join Date:
Jun 2008
Posts:
12
Plugin Contributions:
0

Add to Cart button alignment runs with product attributes

Hi,

I want the Add to Cart button directly below the product attribute option.

What I did:
In the product information page, I moved the product attributes above the Add to Cart button by moving the BOF EOF boxes in tpl_product_info_display.php.

For both boxes, I tried with and without adding the FLOAT RIGHT code.

The problem:
The Add to Cart button is now below the product attributes BUT there is a huge gap on the right side of the Add to Cart button!

See: http://bit.ly/pd3vJe

I tried playing with the Stylesheet.css and added a left:20em to #cartAdd -- this fixes pages with attributes only. When I get into products without product attributes, the button runs to the far right of the screen.

I'm pretty sure this has to do with the tpl_product_info_display.php file but I don't know what else to modify except shifting the blocks!

Please help! Thank you!

11 Jul 2011, 5:42 PM
#2
hindley avatar

hindley

New Zenner

Join Date:
Jun 2008
Posts:
12
Plugin Contributions:
0

Re: Add to Cart button alignment runs with product attributes

The alignment problem has gone mad after I switched off the Model Number.

Right now, ALL (add to cart, product attributes, tell a friend, review) buttons are side by side.

I did not make any changes to the CSS. I only re-arranged the eof bof boxes in product_info_display and turned off the model number.

What is wrong?!

Please help!