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: