Embedding the NEON code

Before you can start using the NEON tag on your online store, you need to embed the code which you can from your NEON dashboard.

Embedding the code on the product page.

1. Start by copying the code snippet provided.

<div id="neon-stock-info-widget" data-product-id="{{ product.id }}" data-product-tracking="{% for variant in product.variants %}{% if variant.inventory_management == "" or variant.inventory_policy == "continue"%}{{ false }}{% break %}{% elsif forloop.last == true %}{{ true }}{% endif %}{% endfor %}" data-product-stock="{{ product.variants | map: 'inventory_quantity' | join: ',' }}"></div>

2. If you want to add the NEON snippet under the price of your products like below.

3. Navigate to your product-template.liquid

4. Do a search for the word price

Can't find  price in your product.liquid file? Follow the instructions in this article on how to locate it.

 

5. Paste the snippet right after the </div> of the price

• Related Articles

• Uninstall NEON

  1. First, you need to remove the snippet that you paste in your theme.liquid. Ctrl + F this query neon-stock-info-widget and remove the whole div class. NOTE: Please remove the above snippet of code in order to remove the app completely, prior to ...

• Welcome to NEON

  NEON allows you to display sold count on your products' page. This will increase your customers' confidence to buy your product. NEON has a very simple dashboard where you will be able to do everything from loading order/s to configuring the NEON ...

• Need help inserting code for you?

  If you ever need help inserting the code for you, please follow these step: 1. Create a staff account for neon@stock-sync.com with Themes permission 2. Contact support through email or create a ticket and request where you want to put the tag on your ...

• Adding the code to Collection page or product grid

  This feature only works if you have upgraded NEON to the basic plan. Simply copy the Collection code available in NEON and paste it in the product-card-grid.liquid file. For more information, we have list out the possible liquid file if it's not in ...

• NEON Privacy Policy

  NEON Privacy Policy NEON "the App” provides sold count to increase conversion rate "the Service" to merchants who use Shopify to power their stores. This Privacy Policy describes how personal information is collected, used, and shared when you ...