Tagged: page layout, woocommerce
-
AuthorPosts
-
May 25, 2019 at 4:37 pm #1104183
Where can I edit the Enfold version of the WooCommerce Checkout Page Layout? I would like to move the orderdetails back up in column 2 instead of under address details.
- This topic was modified 5 years, 7 months ago by Tanja.
May 26, 2019 at 9:49 pm #1104358Hey Tanja,
I don’t see that we modify the checkout page template, here is where we keep our modified files:
\enfold\config-woocommerce
Have you tried modifying the woocommerce plugin checkout file?
Can you include a screenshot of what and where to move exactly?Best regards,
MikeMay 27, 2019 at 1:17 pm #1104509Hi Mike,
Thank you for your reply.
When I look at the checkout page in any Enfold shop, the order information is placed below the billing- and shipping details, but in any other shop (not with enfold theme) the additional information is placed under the billing information and the order information is placed beside the billing information. I would like that in the Enfold shop as well.NOT Enfold: https://testing.autovice.dk/wp-content/uploads/2019/05/CheckOut_NOT_Enfold.jpg
Enfold: https://testing.autovice.dk/wp-content/uploads/2019/05/CheckOut_Enfold.jpgBR,
TanjaMay 29, 2019 at 5:48 am #1105050Hi,
Thank you for the screenshots, this is done with css, please try this css:.col2-set .col-2 { float: none !important; } #order_review, #order_review_heading { clear: both !important; width: 40% !important; float: right !important; } #order_review { position: absolute; top: 15%; right: 0; } #order_review_heading { position: absolute; top: 11%; right: 0; } #top .checkout .col-1, #top .checkout .col-2 { clear: both !important; width: 100% !important; } #customer_details { width: 40% !important; float: left !important; clear: both !important; }
Best regards,
MikeMay 29, 2019 at 2:06 pm #1105156Hi Mike,
Thank you very much for the CSS suggestions, I will try them.BR
TanjaMay 29, 2019 at 8:02 pm #1105268Hi,
Did you need additional help, or shall we close this thread?
Best regards,
Jordan ShannonMay 31, 2019 at 1:25 pm #1105671It has pointed me in the correct direction, yes. Thank you. It can be closed now.
May 31, 2019 at 1:32 pm #1105672Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
Mike -
AuthorPosts
- The topic ‘Where can I edit the Enfold version of the WooCommerce Checkout Page Layout’ is closed to new replies.