WooCommerce Shop Page with Multiple Filters (JetWooBuilder & JetSmartFilters)

Home Elementor WooCommerce Shop Page with Multiple Filters (JetWooBuilder & JetSmartFilters)

August 5, 2024

In this tutorial, we’ll walk you through designing a dynamic shop page template using JetWooBuilder and JetSmartFilters.

You’ll learn how to set up a clean and functional layout featuring four versatile filters: search, price range, categories, and sorting options.

You’ll also learn how to add easy-to-use widgets and configurations to your WooCommerce shop.

Timestamps:

  • 00:00 Introduction
  • 01:25 JetWooBuilder plugin settings
  • 02:00 Building a shop template with WooPageBuilder
  • 03:30 Using JetWooBuilder widgets
  • 05:54 Linking the custom shop page
  • 07:06 JetSmartFilters widgets
  • 10:11 Creating the filters
  • 13:24 Adding the filters to the shop page
  • 15:27 Adjusting the page
  • 17:41 Using JetThemeCore

*Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!

More Free Resources