Skip to main content

Widebody kit + Shopify Fix

Use this as an embed at the top of a Shopify page alongside the 2/3 column layout:

 


<script>
 setTimeout(function() {
   let $row = $('#page-content .container .columns .row');
   $row.find('.col-md-2').remove();
   $row.find('.col-md-10').removeClass('col-md-10').addClass('col-md-12');
 }, 1);
</script>
<script type="text/javascript">
(function() {
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
                mutation.addedNodes.forEach(function(node) {
                    if (node.tagName === 'IFRAME' && node.name.startsWith('frame-productSet-')) {
                        node.title = node.title || 'Shopify Embed'; // Set title only if it's not already set
                    }
                });
            }
        });
    });
    var observerConfig = {
        childList: true,
        subtree: true
    };
    observer.observe(document.body, observerConfig);
})();
</script>