moving coupon code box to be before the checkout button
 

My clients are complaining that the spot to add a coupon code at checkout isbelow the checkout button and they think customers miss seeing it. Is there anyway to move it to be between the total and the checkout button?

any thoughts are appreciated.
erin

Re: moving coupon code box to be before the checkout button
 

Unfortunately they are two different forms...so if you move it above the checkout it screws up the checkout form. I have used a <div> with a negative margin in the past to move it up into the area to the left of the cart totals area.

Re: moving coupon code box to be before the checkout button
 

thank you I will try that
:)

Re: moving coupon code box to be before the checkout button
 

Hi there,
I asuume this is to be edited in the cart.tpl. Can you share this <div> code?
Thank you!

Re: moving coupon code box to be before the checkout button
 

I usually put the CSS into the stylesheet, but to make it easier, I've included it in the div code:

<div align="left" style="border: 1px solid #CCCCCC; width: 350px; padding: 10px; background-color: #EEEEEE; margin-top: -160px;">
{include file="modules/Discount_Coupons/add_coupon.tpl}
</div>

That will create a shaded box with a border, and offset it 160 pixels in the 'up' direction. Be very careful with negative margins, as IE and Firefox render them very differently. Test it out on all browser/OS combinations. This can go anywhere after the closing </form> tag in cart.tpl.

Re: moving coupon code box to be before the checkout button
 

Oops,
It messed it all up. I think this is over my head! Thank you anyways.

Re: moving coupon code box to be before the checkout button
 

Ugh. Padraic, I have tried your <div> suggestion and I am not finding the love here.

Do you know of any examples of sites who have been successful in moving the coupon code up the page?

Thanks,

Jeremy

Re: moving coupon code box to be before the checkout button
 

Heh...neg margins can be tricky :) I'll PM you with an example site.