[Shopify-only] Can I load Kiwi script only on product pages?

NOTE: this guide is only relevant for those who installed the app through Shopify's app store!

By default, Kiwi Sizing script is loaded on every page on Shopify. The script is loaded asynchronously so it shouldn't hinder your site's performance, but it could potentially lower performance rating from some evaluation tools.

If you want to specifically control where our scripts our loaded, what you can do is first disable our default script loading.

Go to Settings > Advance > Others, and uncheck "Disable default JS script injection on all pages"

Now that you do this, no scripts from Kiwi is in your shop and you would need to add them manually into your theme.

If you only want to display our script on product pages, what you can do is open theme's code editor, open "theme.liquid" file. 

Then add the following code right after </body> ta

{% assign t = template | prepend: '/' | append: '.' %}
{% if t contains '/product.' %}
<scriptsrc="https://cdn.static.kiwisizing.com/SizingPlugin.prod.js"></script>
{% endif %}

HTML

The result will look like this: