How can I link variant picker details to text effects in Dawn 12.0.0?

Store Design
, , ,
1

Using Dawn 12.0.0

For my product I have a variant picker for the photo amount, and under this I have text detailing the video length for each selection.

I’m wondering how I could link the two by adding a bold or underline effect to let’s say “2:30min” when “50” is selected.

(See image below for reference)

Thanks!

Screenshot 2024-03-01 at 10.51.35 AM.png
Screenshot 2024-03-01 at 10.51.35 AM.png1090×824 300 KB

2

Possible but need customization.
If you are good with code please follow:

  1. Assign variant Id using using data attribute or something else with each text.

  2. Using JS detect hen variant change. When you there is a change add/remove class from the text.

  3. Assign css to the class.

3

Sorry, I should have specified I have a very basic knowledge of code…

This is the variant picker code:

Select photo amount 50Variant sold out or unavailable 100Variant sold out or unavailable 150Variant sold out or unavailable 200Variant sold out or unavailable

And text code for times:

2:30 min | 4:50 min | 7 min | 9:20 min