title: Get Variation ID and Attribute Value on Product page
body: <p>I wish to have a Quick Buy (Flipkart like) button on product page. Clicking on this button adds the selected product to cart and gets the user to the checkout (not on the cart page). Also note here that the user is not redirected to the cart page and takes the user in the checkout process as far as possible. I also do not want to replace default “add to cart” button, instead, I want to add another button that says Quickbuy. Can you help me with this?</p>
  
  <p>What I have figured out so far?
  Well, I have tried and create a URL structure that add products to cart and goes to checkout, something like this.</p>
  
  <p><a href="https://www.similarfeathers.com/checkout/?add-to-cart=6711&amp;variation_id=6714&amp;attribute_pa_size=M" rel="nofollow noreferrer">https://www.similarfeathers.com/checkout/?add-to-cart=6711&amp;variation_id=6714&amp;attribute_pa_size=M</a></p>
  
  <p><img src="https://i.stack.imgur.com/rvYN0.png" alt="Custom Attribute from the Drop Down"></p>
  
  <p>(6711 being the product ID, 6714 being that variable ID, M being that size (attribute)).
  Now, I want to add this hyperlink, that gets generated dynamically on the product page, takes the value of size attribute from the dropdown and get variationID. When a user will click this URL, my job will be done.</p>
  
  <p>Any way to create the custom hyperlink URL on the product page?</p>