I am hoping that you already read our earlier post on how to create an Online store with WooCommerce.
One the problem that I witnessed myself while using WooCommerce was creating product variations and displaying them in nice looking style.
We can improve the page layout of the variation with the helps of these plugins:
WooSwatches can help you convert your dull looking variable product attributes into something that is nice looking, color complacent and highly interactive. This is the number one selling Swatches plugin from Codecanyon.
This is the plugin that extends the default variable product select boxes in your shop.
Take control of WooCommerce product attribites and easily replace the default variable product dropdowns with Images, text, and Colour Swatches with JC WooCommerce Advanced Product Attributes. Select the default square, or modern circular attribute styles on a per attribute basis, giving your complete control of the look, if this is not enough the display can be tweaked further using the build in style settings page.
WooCommerce Extra Product Options Extension. Create priced product options and addons, conditional logic (within the form builder), build forms, style & validate features, convert the variation attributes dropdowns to radio buttons, image swatches or swatches.
Note: This plugin is more advanced and might need some extra learning.
WooCommerce Variation Swatches and Photos allows you to show colors and photos as alternative to dropdowns for variations of variable products.