- to display information from variant metafields you need to itterate over every variant (li-for="product.variants") and the use li-js-if="selected_or_first_available_variant.id == {{ variant.id }}" to check if the selected variant is equal to the variant id.
- in the example there is also a way on how to get the variant image which fits to the option.
x-bind:src="variants.find(variant => variant.options.includes(variantName))?.featured_image.src"
