One Page checkout
Hi All
Can u please help me in following issue
I made Billing ,shipping ,Payment ,Coupon Information One page Checkout.
My problem is I want Divide these Information in to two Columns
First Column I need
1 .Cart Summary
2. Billing
3. Shipping
Second Column
1. Shipping service
2. Coupon
3. Payment info
How Can we achieve this . Drupal commerce is showing infromation sequentially.
Where can i edit checkout template to achieve this ? or is it not possible ?
I know a solution to add a wrapper div using jquery .But in that case i am facing another issue .If we select address on file 'choose' it is adding another billing information div .I mean two billing information section.Any help plase.
Thanks in advance
Comments
Can your further explain this to us? I'm searching also a solution for a simple one page checkout without showing the cart since we just have one product.
2 rows
Row 1 column 1
shows cart
Price Quantitiy (best if it will be changeable there not just in cart with plus minus buttons in increments) Total
Row 2 column A
User data and billing
row 2 column B
Payment Options
Check Terms and contract, Paymentbutton which sends to ultimate order external or internal
cheers
Hi
i did it with a wrapper div using jquery.
For example
jQuery('#edit-cart-contents,#edit-customer-profile-billing,#edit-customer-profile-shipping').wrapAll('');
jQuery('#commerce-shipping-service-ajax-wrapper,#commerce-checkout-coupon-ajax-wrapper, .commerce_payment, .checkout-buttons').wrapAll('');
Then controlled this with CSS.
Hi
Sorry when posted "div" elements replaced with "" in wrapall
Hi
i did it with a wrapper div using jquery.
For example
jQuery('#edit-cart-contents,#edit-customer-profile-billing,#edit-customer-profile-shipping').wrapAll('Your div with class or id ');
jQuery('#commerce-shipping-service-ajax-wrapper,#commerce-checkout-coupon-ajax-wrapper, .commerce_payment, .checkout-buttons').wrapAll('Your Div with class or ID');
Then controlled this with CSS.