How do I install the app manually?

If you’re having trouble getting our app to load in your theme. There are a few things to check.

Our app’s code will be installed in your theme.liquid file automatically. If your theme uses a different layout file, you’ll have to install the code there manually.

You can also manually insert this code after the <head> tag in the theme.liquid file.

  • Under the theme you want to edit click on Actions Edit Code
  • In the theme.liquid file, add this code just after the <head>  tag (the opening 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 bcpo_cdn = "{{'bcpo_cdn'|asset_url}}";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]; }}</script>

Some other reasons why the app isn’t loading:

1) Our app requires jQuery. If you’re sure jQuery isn’t being loaded, you can add this script in your theme.liquid file.

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

2) There needs to be a <form action=”/cart/add”> element in your product template.

3) Inside the <form> element, there needs to be an element like this <select name=”id”></select>

4) Inside the <form> element, there needs to be an add to cart button (input type=”submit” or button)

5) The product needs to have at least one variant or at least one virtual option.

If you need any help, contact us.

Was this article helpful?
Dislike 0

Pin It on Pinterest