Woocommerce product variation selection with buttons instead dropdown menu?
<p>I am new to wordpress.
I am creating a ecommerge website with wordpress 4.5(latest) + woocommerge 2.5.5(latest) + storefront theme.</p>

<p>I have a product with 2 variations with different prices. </p>

<p>When I select a variation from dropdown menu displaying variation price under dropdown.</p>

<p>Product detail page with 2 variations shown as below:</p>

<p><a href="https://i.stack.imgur.com/XiSIq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XiSIq.png" alt="Default product displaying like this"></a></p>

<p>I want to select variantions with buttons instead dropdown, and update product price on product page instead show below of dropdown.</p>

<p>If I create different products for each variantion and add custom html for buttons and link each variation products with each other, this works but this is very painful.</p>

<p><strong>How to make variations selection with buttons instead dropdown shown as below picture</strong></p>

<p><a href="https://i.stack.imgur.com/SDTct.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SDTct.png" alt="I want to variation selection like this"></a></p>