How do I install Best Custom Product Options manually?

Our app’s code should be installed in your theme automatically

One Click Install

To top

If the app’s code didn’t get installed you can add or remove the code manually by following the directions below.

Click on the installation button in the navigation

Here you can choose what theme you want to add our code to. Select the first theme to add the code to the theme that is currently published and press Enable. This will add our app’s code to that theme.

If you want to remove the code from a theme select the theme and click Disable.
This won’t work for premium themes that you haven’t paid for yet (demo). Premium themes don’t allow you to edit the theme’s code until you purchase it.

Demo themes will come up as grey and unselectable.

Manually Install

To top

If the previous method didn’t work you can add the code manually to your theme.liquid file

  1. First, navigate to your Shopify admin and click Online Store.
  2. Next, go to the Actions dropdown and select Edit Code.
  3. Open the theme.liquid file and paste in the following code after the <head> tag.
<link rel="stylesheet" href="https://obscure-escarpment-2240.herokuapp.com/stylesheets/bcpo-front.css">
<script>var bcpo_product={{ product | json }}; {% if product.metafields.bcpo.bcpo_data %}var bcpo_data={{ product.metafields.bcpo.bcpo_data }};{% endif %} {% if shop.metafields.bcpo.bcpo_settings %}var bcpo_settings={{ shop.metafields.bcpo.bcpo_settings }};{% endif %}var inventory_quantity = [];{% for v in product.variants %}inventory_quantity.push({{v.inventory_quantity}});{% endfor %}if(bcpo_product) { for (var i = 0; i < bcpo_product.variants.length; i += 1) { bcpo_product.variants[i].inventory_quantity = inventory_quantity[i]; }}window.bcpo = window.bcpo || {}; bcpo.cart = {{cart | json}}; bcpo.ogFormData = FormData;</script>

You can also add our quick load code right after these two lines of code to load our app faster.

<script src="https://obscure-escarpment-2240.herokuapp.com/js/best_custom_product_options.js?shop={{shop.permanent_domain}}"></script>

Please note that you will have to manually delete this quick load code if you uninstall the app

If you need any help, contact us.

Was this article helpful?
Dislike 5

Pin It on Pinterest