WOOCOMMERCE VARIATION SWATCHES AND PHOTOS

WooCommerce Swatches and Photos allows you to configure colors and photos for shoppers on your site to use when picking variations.
Requires WooCommerce 1.5.7+. Show color and image swatches instead of dropdowns for variable products.

Replace dropdown fields on your variable products with WooCommerce Color and Image Swatches
Using color and image swatches provides a much nicer way to display variations of a product, available styles, available sizes, or pretty much anything else you can display using an image or color. Shoppers appreciate visual representations of product attributes when using your store, and it can help present a polished and clean look. WooCommerce Color and Image swatches is the answer if you are looking to edge out the competition. The admin interface allows you define colors and images at attribute level or product level.