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>