Рет қаралды 98,669
We continue revealing WooCommerce lifehacks. In this video, we are going to show step-by-step how to add WooCommerce custom product filters to your shop page. Don’t forget to toggle on the WooCommerce archive and enable indexed filters to make everything work.
#woocommerceproductfilters #woocommercefilters
From this tutorial you will learn about:
⭐Creating custom product filtering using JetSmartFilters plugin
⭐Adding various filtering widgets to a shop page
⭐Narrowing the taxonomy with #JetSmartFilters to make filtering precise
⭐Tuning and setting Woo custom product attributes
⭐Creating checkbox filter to provide sorting by product type or category
⭐Adding select filter and visual filters to sort items by color
⭐Applying image filters for the users to sort products by brands’ logos
⭐Setting WooCommerce price range filter to make users’ filtering more specific
⭐Styling each and every element of your filter
⭐Adding featured products list to the shop page or pagination to simplify navigation
That’s it for creating WooCommerce custom product filters. Stay tuned because more new interesting and useful videos are coming right up.
-------------
☕Liked this video? Buy Julia a coffee:
► www.buymeacoffee.com/JuliaMcHale
-------------
► TIMESTAMPS
00:00 Introduction
00:40 Basic settings of JetSmartFilters plugin
01:30 Creating custom product attributes
02:00 Creating the filters
04:35 Applying and styling the filtering widgets
-------------
Useful links from the video:
👉 Indexer option tutorial • How to Set Indexer Opt...
👉 Designing WooCommerce product grids • Designing WooCommerce ...
-------------
Discover JetWooBuilder
► features on our website bit.ly/38ENQXR
► tutorials in our Knowledge Base bit.ly/3nNOcQx
---------------
Explore JetSmartFilters capabilities
► bit.ly/2LHm3Nw
---------------
Find our filtering widgets
► Checkboxes Filter bit.ly/2XCNLxy
► Select Filter bit.ly/38EY22J
► Visual Filter bit.ly/3nNOLd7
► Range Filter bit.ly/2XOyD0p
---------------
Pagination widget
► bit.ly/3nF1kqX
---------------
Website template used: Zolden - Dynamic WooCommerce Template
► bit.ly/3icesTs
---------------
Join us here:
► FB Community: / crocoblockcommunity
► Facebook: / crocoblock
► Twitter: / mrcrocoblock
► Instagram: / mrcrocoblock
► Pinterest: / crocoblock
#customproductfilters #woocommerceshop #productattributes #websitefilters