In the layers tab select the “Product Variants” layer, open the options tab, and change the “option display type” to “boxes”.
Drag and drop a new box block below the “group options boxes” layer in the layers tab. With the new box block selected, open the data tab and add
state.productInfo.variantsfor the repeat for each.
Remove the repeat from each from the “option box” layer that is within the “group options boxes” layer and drag and drop the option box into the new box block we added.
Drag and drop a new text block into the box block below the option box layer. With the text block still selected, navigate to the data tab and select “+ new binding”. Choose “text” and add
state.variantItem.priceas the binding.
After you complete the steps above, the price for each variant will show in the variant selector. The option box block has a binding to apply a border when selected, you can copy this binding and delete it from the option block, then add this binding to the box block so the border shows around the variant title and variant price.