[Shopify-only] How do I manually install Kiwi code to unpublished themes? – StayTuned

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

Currently, Kiwi can programmatically install the necessary code to published themes. However, if you want to test on an unpublished theme and can not afford to turn it publish temporarily, you can follow this guide.

First click on "Edit code" in the dropdown to open the code editor for your theme:

There are 2 things to add to your theme:

First, on the left hand side, scroll to Snippet section and add a new snippet. Name it kiwiSizing.liquid

Next, inside the file, copy the following content:

<script>
window.KiwiSizing = window.KiwiSizing === undefined ? {} : window.KiwiSizing;
KiwiSizing.shop = "{{ shop.permanent_domain }}";
{% assign t = template | prepend: '/' | append: '.' %}
{% if t contains '/product.' %}
KiwiSizing.data = {
  collections: "{{ product.collections | map: 'id' | join: ','}}",
  tags: {{ product.tags | join: ',' | json}},
  product: "{{product.id}}",
  vendor: {{product.vendor | json}},
  type: {{product.type | json}},
  title: {{product.title | json}},
  images: {{product.images | json}},
};
{% endif %}
</script>

Then click save. You should have a file that looks like this

Second thing to do is open theme.liquid file. And then add the following right under <head>. As shown in the screenshot below

{% include 'kiwiSizing' %}

Click save, and that should be it! You should be able to see size charts on your unpublished themes now :)