Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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, 5 months ago by Tanja.
    #1104358

    Hey 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,
    Mike

    #1104509

    Hi 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.jpg

    BR,
    Tanja

    #1105050

    Hi,
    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,
    Mike

    #1105156

    Hi Mike,
    Thank you very much for the CSS suggestions, I will try them.

    BR
    Tanja

    #1105268

    Hi,

    Did you need additional help, or shall we close this thread?

    Best regards,
    Jordan Shannon

    #1105671

    It has pointed me in the correct direction, yes. Thank you. It can be closed now.

    #1105672

    Hi,
    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Where can I edit the Enfold version of the WooCommerce Checkout Page Layout’ is closed to new replies.