How to Expand WooCommerce Collapsing Categories Sidebar in Flatsome WordPress Theme

When it comes to navigating your site visitors to your desired product categories and subcategories, you should expand WooCommerce collapsing categories and subcategories automatically.

Generally, when you develop your website using the Flatsome WooCommerce theme, you may notice that all WooCommerce Sidebar product subcategories are not collapsed. Like the following screenshot.

Not Collapsed WooCommerce Product Category

Website visitors have to expand it on their own. Consequently, many visitors don’t expand the list and leave the site. To keep all WooCommerce product category lists collapsed or expanded in the Flatsome. follow this tutorial. After implementing our guideline, your product categories widget area would like the following screenshot.

collapse product Category

How to Expand WooCommerce Collapsing Categories Sidebar in Flatsome

For your convenience, we’ve divided the entire process into simple steps. To get the process, make sure that you’ve got the Flatsome child theme activated. Otherwise, your custom code in the Flatsome parent theme may disappear for the version update. First, You have to know how to create child theme WordPress, Then you can easily get all the settings.

Step 01: Navigate To Global Settings

The Flatsome WooCommerce theme comes with an option called Global Settings. The setting allows you to insert scripts in the Header, Footer, Top of the Body, and Bottom of the Body tag,

To get inside the Global Settings, navigate to Flatsome >> Advanced Settings >> Global Settings.

Global Settings

Step 02: Copy JS Code from Gist

Copy the following JS code from Gist

Step 03: Paste JS Code To Header Script Box

Now paste the copied code inside the Header Script box


After adding JS code inside the Header Script box, press the save All Changes button


In this tutorial, you’ve come to know how to expand the WooCommerce sidebar product category widgets list. These tactics will help you to grab your visitor’s attention and allure them to check your available categories by clicking anywhere.

If you need any tutorial on a certain topic related to WooCommerce, let us know in the comment below. We’re waiting to help you out! If this works successfully, don’t forget to check out our other Flatsome tutorials where we’ve kept all our gems! 

Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

12 Best User Management Plugin in WordPress 2023

The user management plugin in WordPress makes it easier for site owners to control everyone who interacts with their blog or website. With an effective user management…

16+ Best Google Adsense-Optimized WordPress Themes

An AdSense-optimized WordPress theme is a theme made to run advertisements straightforwardly. A simple listing can contain pre-defined ad places. The clean design can also help improve…

How to Add Call to Action- CTA Button WordPress

Call to Action or CTA Button WordPress is one of the oldest marketing strategies for selling any product. You can use this method to provoke your customers…

Best 10 WordPress Translation Plugin 2023

WordPress comes in multiple languages at its core but doesn’t provide a translation process or multilingual options to run a website in multiple languages at once. That…

11+ Best Car Rental WordPress Themes 2023

A website adds many positive effects to the business, especially if you have a car rental or related business. Choosing a car rental WordPress theme to make…

How To Make Money From Google AdSense for WordPress

Do you have a WordPress-powered website and looking for an opportunity to earn money using it? If yes, you’ve come to the right place. In this article,…