Product variant options vertical & adding metafield text next to option button

Store Design
,
1

Hey guys & girls. I’m a novice shopify developer and would gladly receive some guidance on this project I’m working on.

The company I’m working for is selling a lot of different bikes form a lot of different manufacturers and therefore we decided to add recommended length per variant/SKU instead of a more generic size chart. Now to the problem.

I’d like to show this metafield next to the button of that variant. Attaching print screens.

This is how it looks at the moment:

current.png
current.png1186×685 207 KB

How I want it to look:

new.png
new.png1186×685 212 KB

The site is using Dawn 2.0

2

Hello @jw8

The problem you asked has been guided in the following post, you can refer to it:

https://community.shopify.com/c/technical-q-a/display-product-variants-metafields/td-p/555439

Kind & Best regards!

GemPages Support Team.

3

Hey @GemPages and thanks for your reply. I can probably sort my way through that post and make one of my problems work. I’m not sure if the instructions there are the same for Dawn 2.0 as it seems like it’s for older versions.

However I don’t think that post can help me with stacking the options vertically within variant=storlek (size)

I’d very much appreciate more help on this topic.