Tags/topics: 
2
Answers
Vote up!
0
Vote down!

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

Asked by: ajaichandran
on August 21, 2013

2 Answers

Vote up!
0
Vote down!

Since nobody answering question we did it using jquery

Answer by: ajaichandran
Posted: Sep 18, 2013

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

- stebau on September 24, 2013

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.

- ajaichandran on September 27, 2013

Hi

Sorry when posted "div" elements replaced with "" in wrapall

- ajaichandran on September 27, 2013

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.

- ajaichandran on September 27, 2013
Vote up!
0
Vote down!

Hi

thanks for your insights. But i have to apologize, i'm relatively new to drupal and have no plan about coding phph jqueryor something. Just know how to cheat the css.

so i have tried to inject the code into a new node, nothing comes up.

maybe if you are so grateful can give me a bit more light into this dark topic for me please.

cheers

Answer by: stebau
Posted: Sep 27, 2013