Add configuration to your discounts experience

In this tutorial, you'll learn how to do the following tasks:

• Add metafields to your GraphQL input query.
• Use metafield values in your function logic.
• Populate metafields on the function owner with GraphQL.

• You've completed the Getting started with building a discounts experience tutorial.

To make your function reusable, you can replace hardcoded values in your function with metafield values. You can update your input query to request a metafield value on the created product discount, which is the function owner for this function API. You can then use that value in your function logic.

1. Navigate to your function in extensions/product-discount.

2. Replace the code in the input.graphql file with the following code.

   This update to the input query adds a metafield from the discountNode object, which is the function owner.

3. If you're using JavaScript, then run the following command to regenerate types based on your input query:

4. Replace the src/index.js or src/main.rs file with the following code.

   This update includes parsing the JSON metafield value, and using values from that JSON in the function logic instead of hardcoded values.

5. Navigate back to your app root and deploy your app:

   A message from the CLI displays and indicates that your product-discount function is live.

To populate the configuration metafield, you'll first use the discountNodes query to confirm the product discount ID, and then use the discountAutomaticAppUpdate mutation to populate the same metafield that you specified in the input query.

If you were updating a code-based discount, then you would use discountCodeAppUpdate instead of discountAutomaticAppUpdate.

1. Open the Shopify GraphiQL app on your development store.

2. Execute the following query, and make note of the id value of the product discount that you created in the previous tutorial. For more information about global IDs, refer to Global IDs in Shopify APIs.

3. Execute the following mutation and replace YOUR_DISCOUNT_ID_HERE with the full global ID of your product discount.

   The value of the metafield specifies that the function should discount products by 15% when they have a quantity of three or more.

   If the response includes any messages under userErrors, then review the errors, check that your mutation and discount ID are correct, and try the request again.

You can test your product discount to ensure it's working as expected, and review logs for your function.

1. Open your development store and build a cart with a single item in it.

   No discounts should be applied to the cart.

2. Increase the item quantity to three.

   The 15% Volume discount should now be applied to the cart.

3. To debug your function, or view its output, you can review its logs in your Partner Dashboard:

   1. Log in to your Partner Dashboard and navigate to Apps > {your app} > Extensions > product-discount.
   2. Click on any function run to view its input, output, and any logs written to STDERR.

   

• Build a discounts user interface with App Bridge.
• Learn how to use variables in your input query