This article will help you install Kiwi Sizing on your Volusion store.
Note this step will only affect your current theme. If you change theme, you need to repeat this guide again.
Product attributes supported for matching:
Volusion product attributes | Kiwi Sizing product matching condition |
---|---|
Product Code | Product ID |
Note it is usually a good idea to back up your theme before you make any changes!
1. Click Design > Themes
2. In the "Active Template" tab, click on "Edit HTML" under Advanced Editing
3. Insert code snippet
Insert the following code at the end of the file, right above theĀ </body>
tag.
Make sure you replace the REPLACE_ME_KIWI_SIZING_SHOP_ID
with your kiwi sizing shop ID. The ID looks something like integrationdemo-a71e-8c00a6ecb926
<script type="text/javascript"> var Page = PageName() || 'default.asp'; if(Page === 'productdetails.asp') { var shopID = 'REPLACE_ME_KIWI_SIZING_SHOP_ID'; // load Kiwi Sizing Script v1.0.0 !function(t,n,s,e,i){function r(t){try{var s="; "+n.cookie,e=s.split("; "+t+"=");if(2==e.length)return e.pop().split(";").shift()}catch(i){}return null}t[i]=t[i]||{},t[i]._queue=[];const o="on setShopID setUserID setUserEmail setLanguage loadSizing".split(" ");for(var a=0;a<o.length;a++){const c=o[a];t[i][c]=function(){var n=Array.prototype.slice.call(arguments);return n.unshift(c),t[i]._queue.push(n),t[i]}}const l=r("_ks_scriptVersion")||t.ks_version||"";var u=n.createElement(s);n=n.getElementsByTagName(s)[0],u.async=1,void 0!==t.ks_load_async&&(u.async=t.ks_load_async),u.src=e+"?v="+l,u.id="ks-integration",n.parentNode.insertBefore(u,n)}(window,document,"script","https://cdn.static.kiwisizing.com/SizingPlugin.prod.js","ks"); // load size charts ks.setShopID(shopID); ks.loadSizing({ productData: { productID: global_Current_ProductCode, title: jQuery('meta[property="og:title"]').attr("content"), images:[jQuery("#product_photo").attr("src")], }, }); } </script>
It will look something like this:
4. Click the "Save" button
Question: I don't see the size chart!
If you don't see the size charts showing up even though product conditions are set up properly, it is most likely because we couldn't inject into the shop. You will need to update the injection selector in app settings. See this guide for support.