Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Positioning Add to Cart Button and Product Image

Positioning Add to Cart Button and Product Image

Locked

Views: 1,296

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
5 Apr 2007, 10:08 PM
#1
bgroup99 avatar

bgroup99

Zen Follower

Join Date:
Aug 2006
Posts:
197
Plugin Contributions:
0

Positioning Add to Cart Button and Product Image

Hi, please see this page:

http://www.vapenow.com/index.php/VaporCannon+Standard+-+3G-p-87/

See how the shopping card add to button and the product image are side by side?

I'd like to stack them one on top of each other instead, optimally I'd like to have the product image on top of the add to cart button. Is this something I need to do in my stylesheet or in tpl_product_info_display.php?

Thanks for your help!

Nate

5 Apr 2007, 10:21 PM
#2
kobra avatar

kobra

Black Belt

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

Re: Positioning Add to Cart Button and Product Image

It is a bit of both - and it appears that you have made some changes to tpl_product_indo_display.php already??

You can place them in the order that you prefer first, use clear both judiciously and then use css to further refine position.

6 Apr 2007, 3:51 AM
#4
kobra avatar

kobra

Black Belt

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

Re: Positioning Add to Cart Button and Product Image

If you go back a insert a clear both statement between the product description and the FAQ entries.

Then in your stylesheet find this tag and separate it out into its own you might like this better??

#productDescription {
        float: left;
        width: 60%;
	padding: 0.5em;
        }