Installation Instructions:
{{ 'https://admin.threekit.com/app/js/threekit-player.js' | script_tag }}
- At the top of the template declare variables
{% assign threekit = product.metafields.threekit %} {% assign isPdp = 'pdp' %}
- Place this coniditonal where you want the 'launch' button on the product page
{% if threekit[isPdp] == 'true' %} {% include 'pdp-threekit' %} {% endif %}
{% assign threekit = product.metafields.threekit %}
{% assign asset = 'assetid' %} {% assign isAr = 'ARen' %}
{% assign shop = shop.metafields.threekit %} {% assign token = 'token' %}
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script> <style> @media only screen and (max-width: 600px) { #tkplayer { height: 50vh; width: 70vw; } } @media only screen and (min-width: 601px) { #tkplayer { height: 60vh; width: 60vw; } } </style> <p>
<a data-fancybox data-src="#selectableModal" href="javascript:;" class="btn btn-primary" data-touch="false">Launch 3D Player</a>
</p>
<div style="display: none;max-width:100vw;" id="selectableModal">
<h2>Threekit</h2>
<div id="tkplayer"></div>
</div>
</div>
</div>