Change Product Column Amount

Created by WP Fix It, Modified on Mon, 5 Nov, 2018 at 3:28 PM by WP Fix It

Add below in your active themes's functions.php file

add_action ('init', 'change_columns');
function change_columns() {
    add_filter( 'loop_shop_columns', 'custom_loop_columns' );
    
    function custom_loop_columns() {
        return 3;
    }
}

Then you need to change the width of the columns in CSS, by adding this to your custom CSS area in the WordPress Customize under the Appearance menu.

ul.products li.product { clear: none; width: 30%; }

Was this article helpful?

Change Product Column Amount

Need Some Help?

Let us help you right now