WooCommerce product categories float into products

Hi there,

To separate the woocommerece categories from the products on the shop page requires some PHP.
Woo hooks in the woocommerce_maybe_show_product_subcategories function to the product loop.
Which you can unhook from loop and then re-hook before the loop, using this snippet:

// remove the subcategories from the product loop
remove_filter( 'woocommerce_product_loop_start', 'woocommerce_maybe_show_product_subcategories' );

// add subcategories before the product loop 
add_action( 'woocommerce_before_shop_loop', 'show_product_subcategories', 10 );

function show_product_subcategories() {
    $subcategories = woocommerce_maybe_show_product_subcategories();
        if ($subcategories) {
          echo '<ul class="subcategories products columns-4">',$subcategories,'</ul>';
    }
}

Note this line:

echo '<ul class="subcategories products columns-4">',$subcategories,'</ul>';

The columns-4 defines the number of columns being display for the categories. Change the 4 to whatever you require.