Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Shop page - Add the content for filter on Mobile Device


Written by Annie

Last updated


On this page

In this article, we will provide you with some necessary information to configure the Filter on mobile device. From the left sidebar > Appearance > Widgets > WooCommerce Filter sidebar. In there, you can use Product Categories or Kalles Shop Filter to show Filter on mobile device.


1. Config content for Filter mobile by using Categories

By choosing this way, the Filter sidebar will show all of the categories that you’ve added on Product > Categories.



2. Config content for Filter mobile by using Kalles Shop Filter

You can use both Catergories and Attributes to show on the Filter sidebar on mobile.

Firstly, please add attributes on Product > Attributes and make sure that you add these attributes to your products.  In Kalles Shop Filter, there are available attributes on your store, you can select some (or all) of them to display on filter mobile.


[Private Offer] EComposer Partner Plan

Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.