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>