Woocommerce + Divi

PLennart said:

Does anybody have this plugin: https://www.divikingdom.com/product/woocommerce-builder-divi/

Click to expand...

PLennart said:

Edit: Or what about this plugin: https://elegantmarketplace.com/downloads/woo-layout-injector-subscription/

Click to expand...

MKSKS said:

I have been using Divi with woocommerce.
I don't know what you wan't on the cart and checkout page because there is nothing you can do on those pages apart from using custom css.




I don't know about these plugins but what i can see on demo pages of these plugins, you can achieve something like that by creating a child theme with new layouts for these pages.
Remember: You will need to know about php, html, css woocommerce templates coding for doing that.
Or else you can use the HAF section to get some paid professional help.

Click to expand...

MKSKS said:

Goto DIVI> Theme Options> Custom CSS (bottom of the page) add this code:

Code:

@media (min-width: 768px){
    #customer_details{
        width: 60%;
        float: left;
    }
    #order_review_heading{
        width: 30%;
        float: left;
    }
    #order_review{
        width: 40%;
        float: left;
        padding-left: 10px;
    }
    .woocommerce table.shop_table td{
        width: 50%;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        width: 100%;
    }
}

Click to expand...

MKSKS said:

Goto DIVI> Theme Options> Custom CSS (bottom of the page) add this code:

Code:

@media (min-width: 768px){
    #customer_details{
        width: 60%;
        float: left;
    }
    #order_review_heading{
        width: 30%;
        float: left;
    }
    #order_review{
        width: 40%;
        float: left;
        padding-left: 10px;
    }
    .woocommerce table.shop_table td{
        width: 50%;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        width: 100%;
    }
}

Click to expand...

PLennart said:

Thank you so much!! Is there a way to put the table.shop_table on top? So have that before the selection of payment method.

Click to expand...