title: Woocommerce product variation selection with buttons instead dropdown menu?
body: <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>