Woo Products displays only 1 column

Hey Ardie,

Try adding this into "WP Admin > Divi > Theme Options > General > Custom CSS" to see if it helps:

Code:

div.woocommerce ul.products, body.woocommerce-page ul.products {
    display: block !important;
}

If not, are you able to share a link to an example page showing the issue?

 

Hey Ardie,

There is a max width of 12% set on the products module and a few other issues that prevent the products displaying four to a row. I haven't dug into why they are there / where they are being added, but I think you should be able to correct them by adding the following into the module's custom CSS at "Woo Products Settings > Advanced > Custom CSS > Free-Form CSS":

Code:

selector {
    width: 100%;
    max-width: 100%;
}
selector ul.products {
    display: block !important;
}
selector ul.products li {
    max-width: 20%;
    margin: 2%;
    display: inline-block;
}

I don't think the PHP errors are related, but if it keeps happening you may want to check in the browser development console for details as the error suggests (in Chrome, do "F12" then select the "Console" tab), or alternatively enable the WordPress debug.log and retrieve the details from there. Feel free to post the error messages here if you don't know what they mean and we'll try to interpret them for you.