Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Move Add to Cart Below Product Price on Product Info Page

Move Add to Cart Below Product Price on Product Info Page

Locked

Views: 3,475

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
14 Apr 2008, 11:27 PM
#1
dave_nextexit avatar

dave_nextexit

New Zenner

Join Date:
Mar 2008
Posts:
57
Plugin Contributions:
0

Move Add to Cart Below Product Price on Product Info Page

Hello all,

I'd like to have my Add to Cart button display below the Title and Price, like they do here: http://www.target.com/gp/detail.html/ref=sc_iw_r_1_0/601-3230492-7619314?ie=UTF8&asin=B000629GES

This is what my Product Info page currently looks like: http://www.activityshopper.com/fatcat-reno-pool-table-p-97.html

FYI: The product image will be 200px high in the future

Thanks!

Dave

15 Apr 2008, 2:49 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,183
Plugin Contributions:
0

Re: Move Add to Cart Below Product Price on Product Info Page

dave_nextexit:

Hello all,

I'd like to have my Add to Cart button display below the Title and Price, like they do here: http://www.target.com/gp/detail.html/ref=sc_iw_r_1_0/601-3230492-7619314?ie=UTF8&asin=B000629GES

This is what my Product Info page currently looks like: http://www.activityshopper.com/fatcat-reno-pool-table-p-97.html

FYI: The product image will be 200px high in the future

Thanks!

Dave

D,
First, you have moved the add to cart in the wrong location

  1. includes/ templates/ your_template/ templates/ tpl_product_info_display.php
  2. move the bof add to cart here:
  3. Right after this:
  4. <!--eof Product Price block -->
  5. Then we can control the placement in the stylesheet.css
15 Apr 2008, 6:22 AM
#3
mimran avatar

mimran

New Zenner

Join Date:
Apr 2008
Posts:
68
Plugin Contributions:
0

Re: Move Add to Cart Below Product Price on Product Info Page

hey dave

i can see you have already made the change you need in tpl_product_info

now if you want you 'add to cart' button to stay on the right you have to float the 'name and price' to the right

otherwise 'float your add to cart' to the left

either of the above changes need to be done from .css file

gluck

15 Apr 2008, 6:50 AM
#4
kobra avatar

kobra

Black Belt

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

Re: Move Add to Cart Below Product Price on Product Info Page

mimran:

i can see you have already made the change you need in tpl_product_info
I still see that it is in the wrong order as it is the first item rendered and need to be as recommended - after the EOF price block

15 Apr 2008, 8:29 AM
#5
mimran avatar

mimran

New Zenner

Join Date:
Apr 2008
Posts:
68
Plugin Contributions:
0

Re: Move Add to Cart Below Product Price on Product Info Page

kobra,

thankyou for the correction, i was trying to say he knows he needs to amend tpl_file rest can be done by css.

regards
mimran

15 Apr 2008, 8:20 PM
#6
kobra avatar

kobra

Black Belt

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

Re: Move Add to Cart Below Product Price on Product Info Page

mimran:

thankyou for the correction
I make typo's and errors in reading posters wants all the time