Adjust columns of products in Shop page

[John]

John

May 29, 2019 at 1:16 pm

By default, the Shop page displays 4 products in each row and a maximum of 3 rows. I want to modify the display to be 6 columns across.

Below is generic code to set the columns I have found in other webpages. Is this code the best way for the Ascend theme too? Are there also CSS changes that need to be applied?

/**
* Change number or products per row to 6
*/
add_filter('loop_shop_columns', 'loop_columns', 999);
if (!function_exists('loop_columns')) {
function loop_columns() {
return 6; // 6 products per row
}
}