X-Cart forums

[designbabe]

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

[balinor]

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.

[designbabe]

thank you I will try that

[suntrader]

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

[balinor]

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.

[suntrader]

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

[carpeperdiem]

Originally Posted by balinor

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.

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

[balinor]

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