Embed a Look Outside the Product Page
You can use our Shop The Look Homepage block to embed Shop The Look section outside the product page. See this guide for more details.
In case you are using a vintage theme, you can still embed the section outside of product details page by using the code snippet below (make sure to update PRODUCT_ID and enter Shopify product id for the look):
<script type="text/javascript">
(function() {
function asyncLoad() {
var urls = ["https://shopify.shopthelook.app/shopthelook.js?shop=myfashiondemostore.myshopify.com&&widget=1&mainProductId=PRODUCT_ID"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement(\'script\');
s.type = \'text/javascript\';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName(\'script\')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();
</script>
<div class="ShopTheLook-section" data-product-id="PRODUCT_ID"></div>
Make sure to update product id accordingly.