keyboard_arrow_left back to knowledge base

Linking calculator results with a quantity input field (Shopify)

Calconic calculators can send information to other input fields of your Shopify shop. For example, your calculator can automatically send its result to quantity input field of the product page it is embedded to. By following the instructions bellow you’ll find out how to set up your calculator to output the results to the quantity input field.

  1. Login to your Shopify account.
  2. Click Apps.
  3. Click Calculator Builder by Calconic app.
  4. Click My Calculators and select the calculator you are building.
  5. Click Gear icon at the left side.
  6. Click Advanced Settings.
  7. Click Load Example button.
  8. Select External Output Example.
  9. In most cases you want need to change anything in the loaded code except ref reference (in loaded example it is #3). Replace the reference with the ID of the input field wight result you want to be outputted to the quantity input field.
  10. Click Save.
  11. Embed the calculator to a product page (Standard or Lightbox mode only). See Adding your calculator to a Shopify shop page to find out how to embed the calculator to your Shopify store. Please note that you don’t need to re-embed your calculator if it is already embedded to a product page.

 

Troubleshooting: Unhiding quantity input field on your product page

External Output method won’t work if the quantity input field is hidden on your product page. Some Shopify Themes doesn’t have quantity input field turned on by default, and you might need to turn it on manually. Follow the steps below to unhide that input field:

  1. Login to your Shopify Account.
  2. Click Online Store.
  3. Click Themes.
  4. Click Customize button at the right side.
  5. Click Home page to extend the menu.
  6. Click Product pages from the extended menu.
  7. Click Product pages at the left side menu.
  8. Check Show quantity selector box.
  9. Click Save.