Supermarket

• Auto select "In Stock" filter

  Add the below script into your Footer Script (Admin panel > Storefront > Footer Script) <script> (function () { var $ = window.jQuerySupermarket; $(document).ready(function () { $('#facetedSearch-navL...

• Align price on product cards

  Add the below CSS to your Footer Script (Admin panel > Storefront > Footer Script) <style> /* align price on product cards */ .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit...

• Show the "Add to Cart" button on desktop

  Add the below CSS to your Footer Script (Admin panel > Storefront > Footer Script) <style> /* Show add to cart button on desktop */ .card-img-container { position: relative; } .card-figcaption { displ...

• Add Google translate button

  Add the below script to your Footer Script (Admin panel > Storefront > Footer Script) <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', inclu...

• Custom local banners

  Add the below script to the begin (so important) of your Footer Script (Admin panel > Storefront > Footer Script) <script> (function () { var $ = window.jQuerySupermarket; var $regions = $('[data-emth...

• Expand product description on mobile

  Add the below CSS to your Footer Script (Admin panel > Storefront > Footer) <style> .emthemesModez-mobile-collapse-content { max-height: none; } .emthemesModez-mobile-collapse-handle { display: none; ...

• Boxed the sub-categories grid for Modern style

  Add the below CSS to your Footer Script (Admin panel > Storefront > Footer Script) <style>     .papaSupermarket-subcategories-grid {         display: flex;         flex-flow: row wrap;         margin-...

• Show your phone number in your header

  Add the below CSS to your Footer Script (Admin panel > Storefront > Footer Script) <style> @media (max-width: 801px) { .emthemesModez-header-topSection { position: relative; z-index: 999; } .emthemesM...

• Masonry sub-categories

  In some case, your sub-categories don't have child categories, it's a reason cause the space between inside column. So to avoid the space inside a column, add the below CSS to your Footer Script (Admi...

• Horizontal menu

  The Supermarket theme is not designed for horizontal menu, so you need to add the below CSS to your Footer Script. - Step 1: Go to Manager panel > Storefront > My Themes > Customize (Theme Editor) > G...