How to Install Option Price Calculator

  1. Inside the app go to Install tab.
  2. Select the theme you want to install the app.
    Don’t worry we wont randomly install code into your theme. Every thing is self contained and when you uninstall the app all components will be removed.

  1. Follow the provided instructions.

    The goal is to get a green check beside each of these steps.

    Step B and C will open in a new tab and add an application app block to your product and cart page templates. YOU MUST ACTUALLY SAVE THESE PAGES TO COMPLETE THE STEP.

    Step B only tracks the Default product page template. If you install into a different product page template you will see an X beside this step. Don’t worry, as long as the products using the calculator also use your custom product page template, things will work just fine.

    in fact we suggest creating dedicated Option Price Calculator product pages specific for the app. Often you will want to hide some blocks on calculator pages but keep those block for products not using the app. In this case creating a custom product page template for the app is strongly advised.


Adding App Blocks Manually

Option Price Calculator needs to be added to your theme in two places:

  • Product Page
  • Cart Page

Adding to Product Page Using Theme Customizer

  1. Go to Online Store => Themes

  1. Click Customize on the theme you wan to add Option Price Calculator

  1. Open the product page template you want to add Option Price Calculator

  1. On the product page, click Add block and select Option Price Calculator
  1. Move Option Price Calculator App block the your desired location on the product page

  2. Hide blocks that are no longer needed with Option Price Calculator
  • Buy Buttons
  • Variant Picker
  • Price

Adding to Cart Page Using Theme Customizer

  1. Go to Online Store => Themes

  1. Click Customize on the theme you wan to add Option Price Calculator

  1. Open the Cart template
  1. On the Cart template, click Add block and select Option Price Calculator

It does not matter the placement of the cart app block because it will be hidden.