I currently have the task to make the product page form look a bit more like amazon's variant options form, where each possible variant has its own button- instead of having selections for each option(size, color etc.). We are using venue theme.
$10 red / sm
$10 red / med
$12 green / sm
$12 green / med
I am having trouble getting the product.selected_or_first_available_variant to update according to these variant buttons and then subsequently update the product page with the variant's price/img/etc.. The original code loops through option in product.options_with_values and then (i'm not sure how) combines the two/three options chosen behind the scenes to get the correct variant and update the page with its data. I think it has something to do with creating the id variable within the product-swatch snippet, which contains option.position. While looping through the variants themselves, I have two options already chosen. I thought it would be easy to just bypass this and go straight to the variant id of selected or something, but I'm really stumped. If anyone could enlighten me a bit on this issue, I would be greatly appreciative.