Show Variations On Woocommerce Shop Page

svosp.css

/* Variation drop down will need to be styled to match theme. Use this as a starting point. */

li.product-type-variable td  {
	float: left;
}

#main li.product input {
	float: none;
}

svosp.php

//Show Variations On Shop Page 

add_action( 'woocommerce_before_shop_loop', 'another_handsome_bearded_guy_select_variations' );

function another_handsome_bearded_guy_select_variations() {
	remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
	add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_single_add_to_cart', 30 );
}