SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Shop page - Add the content for filter on Mobile Device

Annie

Written by Annie

Last updated

1023 views

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.

Pasted-105.png

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.

Pasted-106.png

Result: 

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.

Pasted-104.png

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

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