Woocommerce Product Columns

Asked on October 1, 2015 in Customization.


At shop catalog page how to set number of columns.? Right now its span-3 is there any option to change it.
or kindly let me know if there is any hook? to change it. I have checked docs and core files but couldn’t find it.


naumanahmed19 Developer
  • Possible Answers to Your Question:

  • 2 Answer(s)
    Answered on October 2, 2015.

    Hi there,

    To gain advanced control over WooCommerce, you need a plugin like WooCommerce JetPack or StoreKit for Layers, which has a column count option.


    To do it without a plugin requires custom functions and some Custom CSS to reset all of the widths and clears. Keep in mind that WooCommerce is not part of Layers, so the place to look for documentation on custom functions for it is located here:


    I f you are looking for how to change the look of product archives in a child theme, you can do it with this:


    Answered on February 10, 2016.


    Add this below code in child’s function.php  file


    add_filter( 'loop_shop_columns', 'wc_loop_shop_columns', 1, 10 );
    * Return a new number of maximum columns for shop archives
    * @param int Original value
    * @return int New number of columns
    function wc_loop_shop_columns( $number_columns ) {
    return 3;