{"id":143275,"date":"2018-09-21T13:11:49","date_gmt":"2018-09-21T13:11:49","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=143275"},"modified":"2024-11-08T07:29:08","modified_gmt":"2024-11-08T07:29:08","slug":"layered-navigation-woocommerce","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/","title":{"rendered":"Layered Navigation Plugin for WooCommerce"},"content":{"rendered":"<div class=\"pf-content\">\n<p>Layered Navigation Plugin for WooCommerce comes along with interesting features through which users can\u00a0filter products on the\u00a0basis\u00a0of\u00a0category, price range,\u00a0color, or\u00a0other attributes.<\/p>\n<p>If you require expert assistance or want to develop custom unique functionality,<a href=\"https:\/\/webkul.com\/hire-woocommerce-developers\/\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\"> hire WooCommerce Developers<\/a> for your project.<\/p>\n<p>These categories are associated with a product.<\/p>\n<p>The search feature is an important aspect of an online store.<\/p>\n<p>It plays a vital role in increasing sales and improvising the conversion rates for the online store.<\/p>\n<p>Therefore this functionality enhances the consistency of an online store in a way that it provides a better product filter process.<\/p>\n<p>The user experience amplifies as the users do not waste more time searching for products.<\/p>\n<p>This lessens the cart abandonment rate and it is definite that the online store will make more money.<\/p>\n<p>As the Ajax-based feature is more captivating, there is no need to reload the whole page after applying the filters. The related products display instantly.<\/p>\n<p>Hence, providing a quick response to the search process.<\/p>\n<p>We provide a production version of the plugin. If you want a development version then you can get it at an additional cost. Please contact support@webkul.com for it.<\/p>\n<p>Check the plugin workflow at the storefront &#8211;<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"rAK470QHWLA\">\n<div class=\"components-placeholder__instructions\">rAK470QHWLA<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 id=\"panel-0\" class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Features<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>Ajax-based refined search process feature.<\/li>\n<li>The buyer can\u00a0filter products on the\u00a0basis\u00a0of\u00a0category, price range, etc.<\/li>\n<li>A price bar through the buyer can select a price range.<\/li>\n<li>Customers can choose multiple attributes and their values at a time.<\/li>\n<li>Display current selection directly in the search box.<\/li>\n<li>It maintains the previous state of the browser.<\/li>\n<li>Increases conversion rates for the store.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading\">\n<h3 id=\"panel-1\" class=\"panel-title\"><i class=\"fa fa-cog\"><\/i>Installation<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>The user will get a zip file that needs to be uploaded in the <strong>\u201cAdd New\u201d<\/strong>\u00a0menu option in the WordPress admin panel.<\/p>\n<p>For this login to WordPress Admin Panel and in the Dashboard hover your mouse over the\u00a0<strong>\u201cPlugins\u201d<\/strong>\u00a0menu option select the\u00a0<strong>\u201cAdd New\u201d<\/strong>\u00a0option.<\/p>\n<p><img decoding=\"async\" class=\"img-center-small zm-zoomer zm-zoomer-in alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\" alt=\"add plugin\" width=\"1200\" height=\"192\" loading=\"lazy\" \/><\/p>\n<p>After this, the user will see an <strong>\u201cUpload Plugin\u201d\u00a0<\/strong>option at the top of the page, click the option to upload the zip file.<\/p>\n<p><img decoding=\"async\" class=\"img-center-small zm-zoomer zm-zoomer-in alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-upload-plugin.png\" alt=\"upload plugin\" width=\"1200\" height=\"207\" loading=\"lazy\" \/><\/p>\n<p>On clicking the\u00a0<strong>\u201cUpload Plugin\u201d<\/strong>\u00a0option, the user will see a\u00a0<strong>\u201cChoose File\u201d<\/strong>\u00a0button. Click on the button to browse for the zip file as per the image below.<\/p>\n<p><img decoding=\"async\" class=\"img-center-small zm-zoomer zm-zoomer-in alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-choose-file.png\" alt=\"choose file\" width=\"1200\" height=\"189\" loading=\"lazy\" \/><\/p>\n<p>After browsing the file, click on the\u00a0<strong>\u201cInstall Now\u201d<\/strong>\u00a0button so as to install the plugin as per the snapshot.<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/Screenshot_instal-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-143783\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/Screenshot_instal-1.png\" alt=\"install plugin\" width=\"800\" height=\"171\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/Screenshot_instal-1.png 1189w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/Screenshot_instal-1-250x53.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/Screenshot_instal-1-300x64.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/Screenshot_instal-1-768x164.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Once the user installs the plugin, a &#8220;Plugin installed successfully&#8221; message displays and the user can activate the plugin.<\/p>\n<p>The user needs to click on the\u00a0<strong>\u201cActivate Plugin\u201d<\/strong>\u00a0button to activate the plugin.<\/p>\n<p><img decoding=\"async\" class=\"img-center-small zm-zoomer zm-zoomer-in alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-activate-plugin.png\" alt=\"activate plugin\" width=\"1200\" height=\"180\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-info\">\n<div class=\"panel-heading\">\n<h3 id=\"panel-2\" class=\"panel-title\"><i class=\"fa fa-arrow-right\"><\/i>Admin Management: Layered Navigation<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>In the backend, the admin can navigate to <strong>WooCommerce AJAX Filter Settings<\/strong> to configure the basic settings of the plugin as shown in the image below.<\/p>\n<h6><img decoding=\"async\" class=\"alignnone wp-image-394469 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_admin.php_pagewk-layered-settingsnapshots.png\" alt=\"woocommerce-ajax-filter-setting \" width=\"1119\" height=\"445\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_admin.php_pagewk-layered-settingsnapshots.png 1119w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_admin.php_pagewk-layered-settingsnapshots-300x119.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_admin.php_pagewk-layered-settingsnapshots-250x99.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_admin.php_pagewk-layered-settingsnapshots-768x305.png 768w\" sizes=\"(max-width: 1119px) 100vw, 1119px\" loading=\"lazy\" \/><\/h6>\n<p>The admin can configure the settings under WooCommerce AJAX Filter Settings as under-<\/p>\n<p><strong>Enable WooCommerce Ajax Navigation Filter:<\/strong> Set the status of the WC Ajax Navigation Filter as Enable.<\/p>\n<p><strong>Attribute Relation:<\/strong> The admin may either choose And or OR against this field.<\/p>\n<h4><strong>Widgets Settings<\/strong><\/h4>\n<p>The admin can\u00a0navigate through <strong>Appearance &gt; Widgets <\/strong>in the admin panel.<\/p>\n<p>The admin can create the attributes as shown in the image below. Also, the admin can enter the name of the attribute and click on &#8216;Add Attribute&#8217;.<\/p>\n<p>Hence the admin can add the attribute to the table and configure the attribute terms.\u00a0<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-layered-navigation-plugin-for-woocommerce-attribute-gender-22.png\"><br \/>\n<\/a><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-394472 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/layered-image.png\" alt=\"product- attribute \" width=\"1120\" height=\"702\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/layered-image.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/layered-image-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/layered-image-250x157.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/layered-image-768x481.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Thereafter, the admin can add the attributes under the &#8216;layered widget&#8217;, available under the &#8216;Available Widgets&#8217; section.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-394475 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-6.png\" alt=\"wocoomerce-apperence-widgets\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-6.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-6-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-6-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-6-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>On clicking the &#8216;layered widget&#8217; a drop-down list appears and the admin can select the required option from the list.<\/p>\n<p>In the image below, one can see that the admin has selected &#8216;Sidebar&#8217;.<\/p>\n<p>On choosing Sidebar, the admin simply needs to tap on the &#8216;Add Widget&#8217; button and add the navigation.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-394477 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-2.png\" alt=\"add-widget-from-the-sidebar\" width=\"1119\" height=\"701\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-2.png 1119w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-2-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-2-250x157.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-2-768x481.png 768w\" sizes=\"(max-width: 1119px) 100vw, 1119px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"panel-body\">\n<p>The &#8216;Sidebar&#8217; option will be visible as shown in the image below and the admin can create the attributes, similarly like the attribute &#8220;Filter by Price&#8221; is created in the image. <img decoding=\"async\" class=\"alignnone wp-image-394479 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-4.png\" alt=\"Filter by Price&quot; is created\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-4.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-4-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-4-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/wpdemo.webkul.com_woocommerce-ajax-layered-navigation-182-75-44-194_wp-admin_widgets.phpsnapshots-4-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>The admin can create as many attributes and these attributes shall be visible to the customer on the frontend.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-394481\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/sidebar-widget.png\" alt=\"sidebar-widget\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/sidebar-widget.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/sidebar-widget-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/sidebar-widget-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/sidebar-widget-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-info\">\n<div class=\"panel-heading\">\n<h3 id=\"panel-3\" class=\"panel-title\">FrontEnd Workflow: Layered Navigation<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>On the shop page, the customers can see the attributes which the admin adds to the layered navigation.<\/p>\n<p>The search is Ajax-based and the customer can easily search for any product.<\/p>\n<p>It is more refined and related products will display instantly.<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page.png\"><img decoding=\"async\" class=\"aligncenter wp-image-257541\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page.png\" alt=\"webkul-woocommerce-layered-navigation-plugin-shop-page\" width=\"800\" height=\"1099\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page.png 1271w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-218x300.png 218w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-745x1024.png 745w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-181x249.png 181w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-768x1055.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-1118x1536.png 1118w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>The customer can filter multiple attributes at a time.<\/p>\n<p>For instance, the customer can select a category under the category filter, size, color, etc, and the products which are related to the filters which customer selects will display as shown in the image below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-results-on-applying-filters.png\"><img decoding=\"async\" class=\"aligncenter wp-image-257551\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-results-on-applying-filters.png\" alt=\"webkul-woocommerce-layered-navigation-plugin-shop-page-results-on-applying-filters\" width=\"800\" height=\"1179\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-results-on-applying-filters.png 1177w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-results-on-applying-filters-204x300.png 204w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-results-on-applying-filters-695x1024.png 695w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-results-on-applying-filters-169x249.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-results-on-applying-filters-768x1131.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/webkul-woocommerce-layered-navigation-plugin-shop-page-results-on-applying-filters-1043x1536.png 1043w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Besides the name of the <strong>Filter by Price<\/strong> a &#8216;Clear&#8217; option is available for the user so as to remove the filters applied to search a product.<\/p>\n<p>Hence, that\u2019s all for the <strong>Layered Navigation Plugin for WooCommerce.<\/strong><\/p>\n<h2>Support<\/h2>\n<p>For any technical assistance kindly <a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"exclude\">\u00a0raise a ticket<\/a>\u00a0or\u00a0reach\u00a0us by email at\u00a0support@webkul.com. Thanks for Your Time! Have a Good Day!<\/p>\n<p>Also, discover various solutions to add more features and enhance your online store by visiting the\u00a0<a href=\"https:\/\/store.webkul.com\/woocommerce-plugins.html\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\">WooCommerce plugins<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Layered Navigation Plugin for WooCommerce comes along with interesting features through which users can\u00a0filter products on the\u00a0basis\u00a0of\u00a0category, price range,\u00a0color, or\u00a0other attributes. If you require expert assistance or want to develop custom unique functionality, hire WooCommerce Developers for your project. These categories are associated with a product. The search feature is an important aspect of an <a href=\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":191,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1773],"tags":[7542,7543],"class_list":["post-143275","post","type-post","status-publish","format-standard","hentry","category-woocommerce","tag-layered-navigation-plugin","tag-woocommerce-layered-navigation"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Layered Navigation for WooCommerce | Product Filter<\/title>\n<meta name=\"description\" content=\"Layered Navigation Plugin for WooCommerce comes along with interesting features through which the user can\u00a0filter products on the\u00a0basis\u00a0of\u00a0category, price range,\u00a0color, or\u00a0other attributes,\u00a0which\u00a0are associated with the product.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Layered Navigation for WooCommerce | Product Filter\" \/>\n<meta property=\"og:description\" content=\"Layered Navigation Plugin for WooCommerce comes along with interesting features through which the user can\u00a0filter products on the\u00a0basis\u00a0of\u00a0category, price range,\u00a0color, or\u00a0other attributes,\u00a0which\u00a0are associated with the product.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-21T13:11:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-08T07:29:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\" \/>\n<meta name=\"author\" content=\"Gunjita Joshi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gunjita Joshi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/\"},\"author\":{\"name\":\"Gunjita Joshi\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/61b1424f876331154d5bcf845cf526a9\"},\"headline\":\"Layered Navigation Plugin for WooCommerce\",\"datePublished\":\"2018-09-21T13:11:49+00:00\",\"dateModified\":\"2024-11-08T07:29:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/\"},\"wordCount\":847,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\",\"keywords\":[\"Layered Navigation Plugin\",\"WooCommerce Layered Navigation\"],\"articleSection\":[\"WooCommerce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/\",\"url\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/\",\"name\":\"Layered Navigation for WooCommerce | Product Filter\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\",\"datePublished\":\"2018-09-21T13:11:49+00:00\",\"dateModified\":\"2024-11-08T07:29:08+00:00\",\"description\":\"Layered Navigation Plugin for WooCommerce comes along with interesting features through which the user can\u00a0filter products on the\u00a0basis\u00a0of\u00a0category, price range,\u00a0color, or\u00a0other attributes,\u00a0which\u00a0are associated with the product.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#primaryimage\",\"url\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\",\"contentUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Layered Navigation Plugin for WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/61b1424f876331154d5bcf845cf526a9\",\"name\":\"Gunjita Joshi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cf39a841b8d11b4d355962b0d890bd541fb483594b20f06b193e6732bbb5a76e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cf39a841b8d11b4d355962b0d890bd541fb483594b20f06b193e6732bbb5a76e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Gunjita Joshi\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/gunjita-joshibd370\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Layered Navigation for WooCommerce | Product Filter","description":"Layered Navigation Plugin for WooCommerce comes along with interesting features through which the user can\u00a0filter products on the\u00a0basis\u00a0of\u00a0category, price range,\u00a0color, or\u00a0other attributes,\u00a0which\u00a0are associated with the product.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/","og_locale":"en_US","og_type":"article","og_title":"Layered Navigation for WooCommerce | Product Filter","og_description":"Layered Navigation Plugin for WooCommerce comes along with interesting features through which the user can\u00a0filter products on the\u00a0basis\u00a0of\u00a0category, price range,\u00a0color, or\u00a0other attributes,\u00a0which\u00a0are associated with the product.","og_url":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2018-09-21T13:11:49+00:00","article_modified_time":"2024-11-08T07:29:08+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png","type":"","width":"","height":""}],"author":"Gunjita Joshi","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Gunjita Joshi","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/"},"author":{"name":"Gunjita Joshi","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/61b1424f876331154d5bcf845cf526a9"},"headline":"Layered Navigation Plugin for WooCommerce","datePublished":"2018-09-21T13:11:49+00:00","dateModified":"2024-11-08T07:29:08+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/"},"wordCount":847,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png","keywords":["Layered Navigation Plugin","WooCommerce Layered Navigation"],"articleSection":["WooCommerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/","url":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/","name":"Layered Navigation for WooCommerce | Product Filter","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png","datePublished":"2018-09-21T13:11:49+00:00","dateModified":"2024-11-08T07:29:08+00:00","description":"Layered Navigation Plugin for WooCommerce comes along with interesting features through which the user can\u00a0filter products on the\u00a0basis\u00a0of\u00a0category, price range,\u00a0color, or\u00a0other attributes,\u00a0which\u00a0are associated with the product.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#primaryimage","url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png","contentUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/installation-add-new.png"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/layered-navigation-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Layered Navigation Plugin for WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/61b1424f876331154d5bcf845cf526a9","name":"Gunjita Joshi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cf39a841b8d11b4d355962b0d890bd541fb483594b20f06b193e6732bbb5a76e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cf39a841b8d11b4d355962b0d890bd541fb483594b20f06b193e6732bbb5a76e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Gunjita Joshi"},"url":"https:\/\/webkul.com\/blog\/author\/gunjita-joshibd370\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/143275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/191"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=143275"}],"version-history":[{"count":88,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/143275\/revisions"}],"predecessor-version":[{"id":473234,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/143275\/revisions\/473234"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=143275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=143275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=143275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}