Dynamic Text when a user selects different size product.

Retired Boards Appdev Fulfillment Api
,
1

Hello community,

I am wondering if someone can help me with the situation mentioned below:

I have a store where we will be selling tea’s and the customers will have an option to choose different bag sizes(100 Gm., 500 Gm. and 1Kg.).

So, 100 Gm makes 20 cups, 500 Gm. makes 100 cups and 1 Kg. gives 200 cups.

The issue is upon moving from 100 Gm. to size 500 Gm., I want the text “Makes 20 Cups” to change to “Makes 100 Cups”.

I have tried metafields but it didnt work(definitely doing something wrong). I am attaching a video for the reference.

Thank you in advance for the help, I appreciate it alot.

2

Hi @jampack7

In order to update the text upon changing the variant, you need to add a bit of code and modify the global.js file, which contains the renderProductInfo() function.

3

Hey @fadi_yousif , let me know how can we proceed?
Thank you for writing. Appreciate it.

4

I need the store URL so I can send a collaborator request to access your theme code.

5

here- https://70f586.myshopify.com/

6

or we could we jump on a video call and you can guide me?