FAQs¶

Fix compare page messed up for many items¶

Go to Storefront > Script Manager, click Create a Script, choose:

• Location on page = Head
• Select pages where script will be added = Store Pages
• Script type = Script

Enter the script below to Scripts contents:

<script>
(function() {
var style = document.createElement('style');
style.innerHTML = '.supermarket-pageType--compare .page-content { overflow: auto; -webkit-overflow-scrolling: touch; position: relative }'
+ '.compareTable { table-layout: auto }'
+ '.compareTable-product .card { min-width: 150px }'
+ '@media (min-width: 801px) { .compareTable-product .card { min-width: 250px } }';
document.head.appendChild(style);
})();
</script>

Move the submenu dropdown to left if it exceeds the window's width¶

Go to Storefront > Script Manager, click Create a Script, choose:

• Location on page = Footer
• Select pages where script will be added = All Pages
• Script type = Script

Enter the script below to Scripts contents:

<script>
(function($) {
    $('.navPages-item').on('mouseover', function(event) {
        var $el = $(event.currentTarget);
        $el.find('.navPage-subMenu').each(function(j, el2) {
            var $el2 = $(el2);
            $el2.css('left', '');

            var right = $el2.offset().left + $el2.width();
            var left = $el2.offset().left;

            if (right > window.innerWidth) {
                $el2.css('left', Math.floor(window.innerWidth - right));
            }
        });
    });
})(window.jQueryTheme || window.jQuerySupermarket || window.jQuery);
</script>

Fixing the Issue of Cart Item Not Being Removable in Version 1.3.0¶

We will address this issue in our next version update. In the meantime, you can use the following custom script as a temporary solution:

Go to Storefront > Script Manager, click Create a Script, choose:

• Location on page = Footer
• Select pages where script will be added = All Pages
• Script type = Script

Enter the script below to Scripts contents:

<script>
(function($) {
    $(document).ready(() => {
        $('.cart-remove[data-cart-itemid]').off('click').on('click', event => {
            var $el = $(event.currentTarget);
            event.preventDefault();
            event.stopPropagation();
            window.stencilUtils.api.cart.itemRemove($el.data('cartItemid'), () => location.reload());
        });
    });
})(window.jQueryTheme || window.jQuerySupermarket || window.jQuery);
</script>