[Resolved] Separating product list and categories list layouts in WooCommerce Shop Page?

[Filippo]

Hi there,

currently, my main woocommerce Shop page is set to display only the product categories, it’s basically a grid where each Category has its own title and image.

Unfortunately, I noticed that when I adjust the number of products per page, or the number of product columns, using the WC add-on, that will work for both the list of products AND for the list of categories.

For example, I wish I could set 3 columns for the list of categories and set 1 column for the list of products (no grid).

Any advice?

[Leo]

Hi there,

You will need this filter:
https://docs.generatepress.com/article/option_generate_woocommerce_settings/#options-%E2%80%98columns%E2%80%99

Example:
https://docs.generatepress.com/article/option_generate_woocommerce_settings/#example

Adding PHP: https://docs.generatepress.com/article/adding-php/

Let me know if this helps 🙂

[Filippo]

Thanks for your help, and sorry for the late reply.

Worked like a charm, I’m sharing the code below, hopefully it will be helpful for other forum users:

add_filter( 'option_generate_woocommerce_settings','lh_custom_category_wc_columns' );
function lh_custom_category_wc_columns( $options ) {
    if ( is_shop() ) {
        $options['columns'] = 3;
	$options['product_archive_image_alignment'] = center;
	$options['product_archive_alignment'] = center;
    }
    
    return $options;
}

Also, it would be nice to see some options for setting the space between the columns too, in the future. I’m using the Spaces module.

[Leo]

Thanks for reporting back 🙂

[Author]

Posts