Forums / Templates, Stylesheets, Page Layout / pin add to cart button under thumbnail

pin add to cart button under thumbnail

Locked

Views: 696

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
18 Oct 2010, 7:26 PM
#1
finlander avatar

finlander

Zen Follower

Join Date:
Oct 2010
Location:
Idaho
Posts:
293
Plugin Contributions:
0

pin add to cart button under thumbnail

I'm not sure if this can be done, because the product Description text controls the area I want to use, but I'd like the Add to Cart button to be pinned directly beneath the thumbnail for the product on the Product Info page. See attached screenshot.

As it is in the now (in the screenshot), the Add to Cart button will slide down that page below the Description text, if more Description text is added. Anyone know how to pin an element like that, w/o the complexity of splitting the center pane into two columns?

18 Oct 2010, 7:43 PM
#2
finlander avatar

finlander

Zen Follower

Join Date:
Oct 2010
Location:
Idaho
Posts:
293
Plugin Contributions:
0

Re: pin add to cart button under thumbnail

well, I was hopeful that I had found the answer in this post:

http://www.zen-cart.com/forum/showpost.php?p=745153&postcount=6

It talks about putting the Add to Cart section of the php after the Attributes Module in the php, but that didn't seem to work for me -- the center and pane of the product info page went blank as though I had busted the code with moving the Add to Cart section of the php.

However, this post may be a good clue, as the spot I want to pin the Add to Cart button IS right underneath the spot where product Attributes would go.

Anyone know if I did something wrong with the cut and paste or otherwise know of a solution? Thanks..

18 Oct 2010, 11:04 PM
#3
finlander avatar

finlander

Zen Follower

Join Date:
Oct 2010
Location:
Idaho
Posts:
293
Plugin Contributions:
0

Re: pin add to cart button under thumbnail

I figured out. It's accomplished by moving the cart code section, of the tpl_product_info_display.php file, to the area in that file right under the Product Image placement code; and then going into the stylesheet and on the cartAdd section I put in clear: left; and changed float: right; to float: left;. Seems to work.

Now to adjust how/if the Description text wraps, or doesn't wrap, which can be done in the style sheet using clear: both; (which puts description text under any other elements) or float: left (which apparently does the same thing) or a large left margin to set left edge of description where it's needed.