{"id":52616,"date":"2022-06-15T12:48:40","date_gmt":"2022-06-15T09:48:40","guid":{"rendered":"https:\/\/themeisle.com\/blog\/?p=52616"},"modified":"2023-06-13T17:08:51","modified_gmt":"2023-06-13T14:08:51","slug":"woocommerce-product-filter-blocks","status":"publish","type":"post","link":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/","title":{"rendered":"WooCommerce Product Filter Blocks: What Are They &#038; How to Use Them"},"content":{"rendered":"\n<p><a href=\"https:\/\/themeisle.com\/blog\/how-to-start-an-online-store\/\">Running an online store<\/a> can be challenging. You&#8217;ll need to organize your products so that customers can find the items they&#8217;re looking for. Fortunately, <strong>WooCommerce product filter blocks<\/strong> can group and display user-specified items in seconds. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>With product filter blocks, you can organize your WooCommerce shop items according to their characteristics. These might include their prices, categories, attributes, or tags. Then, you&#8217;ll simply need to insert the block into a post or page, and your customers can find filtered results. <\/p>\n\n\n\n<p>In this guide, we&#8217;ll introduce all the different product filter blocks available in WooCommerce and discuss why you might consider using them. Then, we&#8217;ll explain how to insert and configure these elements on your online store. Let&#8217;s get started!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\ud83d\udcda Table of contents:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#why\">Why you might consider using product filters<\/a><\/li>\n\n\n\n<li><a href=\"#how\">How to use product filter blocks<\/a><\/li>\n\n\n\n<li><a href=\"#overview\">An overview of WooCommerce product filter plugins<\/a><\/li>\n<\/ul>\n\n\n\n\t\t<div class='ti-tweet-clear'><\/div>\n\t\t\t<div class='ti-tweet_wrapper'>\n\t\t    \t<div class='ti-tweet_text'>\n\t\t    \t\t<a href='https:\/\/twitter.com\/share?text=%23WooCommerce+%23product+filter+blocks+%F0%9F%8C%AA%EF%B8%8F%F0%9F%A7%B1+what+are+they+%26amp%3B+how+to+use+them&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/' target='_blank' rel='nofollow'>#WooCommerce #product filter blocks \ud83c\udf2a\ufe0f\ud83e\uddf1 what are they &amp; how to use them<\/a>\n\t\t    \t<\/div>\n\t\t    \t<div class='ti-tweet_sharebtn'>\n\t\t    \t<a href='https:\/\/twitter.com\/share?text=%23WooCommerce+%23product+filter+blocks+%F0%9F%8C%AA%EF%B8%8F%F0%9F%A7%B1+what+are+they+%26amp%3B+how+to+use+them&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/' target='_blank' rel='nofollow'>Click To Tweet \n\t\t    \t\t<span><\/span>\n\t\t    \t<\/a>\n\t\t    <\/div>\n\t\t<\/div>\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-blocks\">An introduction to WooCommerce product filter blocks<\/h2>\n\n\n\n<p>WooCommerce has a collection of <a href=\"https:\/\/themeisle.com\/blog\/woocommerce-blocks\/\">WooCommerce blocks<\/a> designed to let users search for specific products in your online store. These interactive elements enable consumers to filter their results and find items most suited to their needs. <\/p>\n\n\n\n<p>Here&#8217;s a quick overview of the free product filter blocks:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Filter Products by Price:<\/strong> This block enables customers to choose a price range using a slider and display only items that fit within that range. <\/li>\n\n\n\n<li><strong>Filter Products by Attribute:<\/strong> It lets customers search items according to their attributes, including sizes, colors, and styles. <\/li>\n\n\n\n<li><strong>Active Product Filters:<\/strong> It helps customers see which filters they&#8217;ve already applied to their search so that they can adjust it. <\/li>\n\n\n\n<li><strong>Filter Products by Stock:<\/strong> This block shows only items in stock, out of stock, or on backorder. <\/li>\n<\/ul>\n\n\n\n<p>You can use these blocks on posts, pages, and widget areas. When interacting with the block, customers will be able to choose from predetermined parameters to see the filtered results. <\/p>\n\n\n\n<p>\ud83d\udc49 If you want more flexibility for setting up product filters, you can also install a dedicated WooCommerce product filter plugin. We&#8217;ll share some quality options later in this article.<\/p>\n\n\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why\">Why you might consider using product filters<\/h2>\n\n\n\n<p>Product filter can significantly improve the <a href=\"https:\/\/themeisle.com\/blog\/what-is-ux\/\">user experience (UX)<\/a> of your online store. If you have an extensive catalog of products, customers might spend hours scrolling through your items while looking for the ones that fit their needs. However, they&#8217;ll likely feel frustrated and click away to shop somewhere else.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>With product filters, you can enable consumers to search for items according to specific parameters. You&#8217;ve probably seen this feature on leading eCommerce store pages:<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1689918100  fetchpriority=\"high\" decoding=\"async\" width=\"1873\" height=\"879\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png\" alt=\"Amazon product filters. \" class=\"wp-image-52661\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1873\/h:879\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 1873w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:141\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:481\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:360\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:721\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:23\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:225\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:373\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:563\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:139\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:183\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:127\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1873\/h:879\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/amazon-product-filters.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure><\/div>\n\n\n<p>Depending on the goods you sell, product filters enable customers to browse your store for colors, sizes, ingredients, and brands that fit their needs. Additionally, results will update on the same page. Therefore, consumers won&#8217;t need to navigate to category pages and interrupt their shopping experiences. <\/p>\n\n\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how\">How to use product filter blocks<\/h2>\n\n\n\n<p>In this first section, we&#8217;ll show you how to use the default product filter blocks that WooCommerce automatically includes. Again, for more flexibility, you can consider one of the WooCommerce product filter plugins in the next section.<\/p>\n\n\n\n<p>Most of the product filter blocks work the same way. You&#8217;ll simply insert the block and then determine which product characteristic is displayed. <\/p>\n\n\n\n<p>You can find all these blocks in WordPress by clicking on the <em><strong>+<\/strong><\/em> button to insert a new block and searching for &#8220;WooCommerce filter:&#8221;<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1730833470  fetchpriority=\"high\" decoding=\"async\" width=\"1594\" height=\"831\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png\" alt=\"WooCommerce product filter blocks. \" class=\"wp-image-52638\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1594\/h:831\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 1594w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:156\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:534\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:400\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:801\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:26\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:460\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 460w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:762\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 762w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1151\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 1151w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:284\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 284w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:374\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 374w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:259\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 259w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1594\/h:831\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-product-filter-blocks.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure><\/div>\n\n\n<p>Keep in mind that you&#8217;ll first need to add attributes, tags, categories, and other characteristics to your WooCommerce products. Otherwise, you won&#8217;t have any data to use in your block. <\/p>\n\n\n\n<p>Now, let&#8217;s take a look at how to use product filter blocks. We&#8217;ll be using the<strong> <em>Filter Products by Attribute<\/em><\/strong> element as an example. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#step1\">Step 1: Add attributes to your WooCommerce products<\/a><\/li>\n\n\n\n<li><a href=\"#step2\">Step 2: Insert your product filter block<\/a><\/li>\n\n\n\n<li><a href=\"#step3\">Step 3: Configure the block settings<\/a><\/li>\n<\/ul>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step1\">Step 1: Add attributes to your WooCommerce products<\/h3>\n\n\n\n<p>\u2139\ufe0f <em><strong>Note <\/strong>&#8211; for other filters (such as price or stock), you won&#8217;t need to set up any attributes.<\/em><\/p>\n\n\n\n<p>If you haven&#8217;t done so already, you&#8217;ll want to add categories, tags, and attributes to your WooCommerce products. <a href=\"https:\/\/themeisle.com\/blog\/taxonomies\/\">These taxonomies<\/a> make it easier for customers to find their desired items. Moreover, product filter blocks won&#8217;t work without these classifications. <\/p>\n\n\n\n<p>Start by navigating to <em><strong>Products<\/strong> &gt; <strong>Attributes<\/strong><\/em> in your WordPress dashboard. Here, you can create new classifications for your products. As you can see, we already have <em><strong>Color<\/strong><\/em> and <em><strong>Size<\/strong><\/em> in our online store:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1660201393  fetchpriority=\"high\" decoding=\"async\" width=\"1400\" height=\"623\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png\" alt=\"WooCommerce attributes. \" class=\"wp-image-52664\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1400\/h:623\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 1400w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:134\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:456\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:342\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:22\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:214\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:353\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:534\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:132\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:174\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:120\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1400\/h:623\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-attributes.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure><\/div>\n\n\n<p>You&#8217;ll need to enter a name and slug for your new attribute. Then, click on <em><strong>Add attribute<\/strong><\/em> to save the classification. Note that you can follow the same process for product categories (and subcategories) and tags. <\/p>\n\n\n\n<p>Then, open up your products to add their taxonomies. You can do this by navigating to <em><strong>Products<\/strong> &gt; All Products<\/em> and clicking on an item. <\/p>\n\n\n\n<p>Now, scroll down to the <em><strong>Product data<\/strong><\/em> section and open the <em><strong>Attributes<\/strong><\/em> menu:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1977438692  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png\"  decoding=\"async\" width=\"1647\" height=\"619\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png\" alt=\"WooCommerce product attributes. \" class=\"wp-image-52665\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1647\/h:619\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 1647w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:113\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:385\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:289\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:577\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:19\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:180\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:298\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:451\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:111\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:147\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:101\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1647\/h:619\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 2x\" \/><noscript><img data-opt-id=1977438692  decoding=\"async\" width=\"1647\" height=\"619\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png\" alt=\"WooCommerce product attributes. \" class=\"wp-image-52665\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1647\/h:619\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 1647w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:113\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:385\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:289\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:577\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:19\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:180\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:298\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:451\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:111\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:147\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:101\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1647\/h:619\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-attributes.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>You can add attributes to your product by selecting them from the dropdown menu and clicking on <em><strong>Add<\/strong><\/em>. Then, choose the dropdown arrow next to the attribute to enter your custom information.<\/p>\n\n\n\n<p>For instance, in our example, we&#8217;ve added <em>Red<\/em> as a <em><strong>Color<\/strong><\/em> attribute to our product:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=442207374  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png\"  decoding=\"async\" width=\"1642\" height=\"621\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png\" alt=\"Adding attributes to a WooCommerce product. \" class=\"wp-image-52667\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1642\/h:621\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 1642w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:113\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:387\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:290\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:581\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:19\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:182\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:454\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:112\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:147\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:102\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1642\/h:621\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 2x\" \/><noscript><img data-opt-id=442207374  decoding=\"async\" width=\"1642\" height=\"621\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png\" alt=\"Adding attributes to a WooCommerce product. \" class=\"wp-image-52667\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1642\/h:621\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 1642w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:113\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:387\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:290\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:581\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:19\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:182\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:300\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:454\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:112\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:147\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:102\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1642\/h:621\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/add-product-attributes.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>When you&#8217;ve added all your variables, click on <em><strong>Save attributes<\/strong><\/em>. Now customers will be able to find items with these characteristics through your WooCommerce product filter block. <\/p>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step2\">Step 2: Insert your product filter block<\/h3>\n\n\n\n<p>Next, you&#8217;ll need to open the page or post where you&#8217;d like to use your product filter block. You might also consider utilizing the element in a sidebar on your shop pages so that customers can filter their results while they browse.<\/p>\n\n\n\n<p>First, you&#8217;ll need to add the <em><strong>All Products<\/strong><\/em> block to your page. Otherwise, WooCommerce won&#8217;t be able to filter and display specific items. <\/p>\n\n\n\n<p>You can do this by clicking on the <em><strong>+<\/strong> <\/em>button and searching for &#8220;all products.&#8221; Select the block and add it to your page:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1437885657  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png\"  decoding=\"async\" width=\"1591\" height=\"825\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png\" alt=\"WooCommerce all products block. \" class=\"wp-image-52648\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1591\/h:825\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 1591w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:156\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:531\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:398\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:796\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:26\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:463\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 463w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:766\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 766w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1157\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 1157w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:285\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 285w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:376\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 376w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:260\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 260w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1591\/h:825\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 2x\" \/><noscript><img data-opt-id=1437885657  decoding=\"async\" width=\"1591\" height=\"825\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png\" alt=\"WooCommerce all products block. \" class=\"wp-image-52648\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1591\/h:825\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 1591w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:156\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:531\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:398\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:796\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:26\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:463\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 463w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:766\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 766w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1157\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 1157w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:285\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 285w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:376\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 376w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:260\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 260w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1591\/h:825\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-all-products.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>Next, search for &#8220;WooCommerce filter attribute:&#8221;<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1020015856  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png\"  decoding=\"async\" width=\"1591\" height=\"663\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png\" alt=\"Searching for the WooCommerce filter attribute block.\" class=\"wp-image-52641\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1591\/h:663\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 1591w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:125\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:427\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:320\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:640\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:21\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:200\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:331\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:500\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:123\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:163\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:113\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1591\/h:663\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 2x\" \/><noscript><img data-opt-id=1020015856  decoding=\"async\" width=\"1591\" height=\"663\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png\" alt=\"Searching for the WooCommerce filter attribute block.\" class=\"wp-image-52641\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1591\/h:663\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 1591w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:125\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:427\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:320\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:640\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:21\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:200\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:331\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:500\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:123\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:163\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:113\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1591\/h:663\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/woocommerce-filter-attribute.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>Click on the block and it will be inserted into your page. Now you can search for a product attribute or choose one from your dropdown list. We&#8217;ll be using<strong> <em>Color<\/em> <\/strong>in our example:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=2137923302  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png\"  decoding=\"async\" width=\"1594\" height=\"811\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png\" alt=\"Using a WooCommerce product filter block to filter attributes by color\" class=\"wp-image-52642\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1594\/h:811\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 1594w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:153\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:521\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:391\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:781\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:25\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:472\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 472w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:780\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 780w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1179\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 1179w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:291\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 291w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:383\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 383w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:265\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 265w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1594\/h:811\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 2x\" \/><noscript><img data-opt-id=2137923302  decoding=\"async\" width=\"1594\" height=\"811\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png\" alt=\"Using a WooCommerce product filter block to filter attributes by color\" class=\"wp-image-52642\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1594\/h:811\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 1594w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:153\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:521\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:391\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:781\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:25\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:472\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 472w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:780\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 780w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1179\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 1179w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:291\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 291w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:383\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 383w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:265\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 265w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1594\/h:811\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-color.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>Your block will now be transformed to display a new title and a list of your chosen product attributes (such as the different item colors):<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1701330886  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png\"  decoding=\"async\" width=\"1594\" height=\"670\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png\" alt=\"Filter Products by Color \" class=\"wp-image-52646\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1594\/h:670\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 1594w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:126\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:430\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:323\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:646\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:21\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:202\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:334\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:504\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:124\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:164\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:113\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1594\/h:670\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 2x\" \/><noscript><img data-opt-id=1701330886  decoding=\"async\" width=\"1594\" height=\"670\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png\" alt=\"Filter Products by Color \" class=\"wp-image-52646\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1594\/h:670\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 1594w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:126\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:430\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:323\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:646\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:21\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:202\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:334\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:504\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:124\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:164\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:113\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1594\/h:670\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-by-color.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>You could leave the block as is if you like how it looks. Alternatively, in the next step, we&#8217;ll discuss how to customize this element&#8217;s appearance. <\/p>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step3\">Step 3: Configure the block settings<\/h3>\n\n\n\n<p>Next, you can customize your WooCommerce product filter block&#8217;s appearance. Simply click on the <em><strong>Filter Products by Attribute<\/strong><\/em> block and then select the gears icon to the right:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1507925837  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png\"  decoding=\"async\" width=\"1873\" height=\"841\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png\" alt=\"Block settings for the Filter Products by Attribute block. \" class=\"wp-image-52651\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1873\/h:841\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 1873w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:460\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:345\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:690\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:22\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:216\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:357\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:539\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:133\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:175\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:121\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1873\/h:841\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 2x\" \/><noscript><img data-opt-id=1507925837  decoding=\"async\" width=\"1873\" height=\"841\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png\" alt=\"Block settings for the Filter Products by Attribute block. \" class=\"wp-image-52651\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1873\/h:841\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 1873w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:460\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:345\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:690\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:22\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:216\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:357\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:539\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:133\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:175\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:121\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1873\/h:841\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/product-filter-settings-1.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>Here, you can choose whether to display your <em><strong>Product count<\/strong><\/em>. This setting could be handy if you have a large catalog of items and want to give your customers an extensive range to choose from.<\/p>\n\n\n\n<p>You can also choose the <em><strong>Heading Level<\/strong><\/em> for your product attributes. The default value is <em>H3<\/em>, but you can select from <em><strong>H2<\/strong> <\/em>to <strong><em>H6<\/em> <\/strong>to fit your store&#8217;s stylistic needs.<\/p>\n\n\n\n<p>If you scroll down, you should see some additional configurations under <em><strong>Block Settings<\/strong><\/em>:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=229315022  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png\"  decoding=\"async\" width=\"1870\" height=\"847\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png\" alt=\"Block settings for a WooCommerce product filter block. \" class=\"wp-image-52652\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1870\/h:847\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 1870w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:136\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:464\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:348\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:696\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:23\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:217\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:360\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:544\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:134\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:177\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:122\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1870\/h:847\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 2x\" \/><noscript><img data-opt-id=229315022  decoding=\"async\" width=\"1870\" height=\"847\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png\" alt=\"Block settings for a WooCommerce product filter block. \" class=\"wp-image-52652\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1870\/h:847\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 1870w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:136\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:464\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:348\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:696\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:23\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:217\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:360\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:544\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:134\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:177\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:122\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1870\/h:847\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/filter-products-settings.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>Here you can choose your <em><strong>Query Type<\/strong><\/em>. If you opt for <em><strong>And<\/strong><\/em>, WooCommerce will only display products that contain all of the customer&#8217;s specified attributes. Meanwhile, the <strong><em>Or<\/em> <\/strong>option will show all items that have at least one of the attributes. <\/p>\n\n\n\n<p>Under <em><strong>Display Type<\/strong><\/em>, you can choose to display your attributes in list or dropdown format. Both options are relatively user-friendly. <\/p>\n\n\n\n<p>Finally, you can choose to enable the <em><strong>Filter <\/strong>button<\/em>. If you switch it on, customers will need to click on <strong><em>Go<\/em> <\/strong>to filter their search results. However, if you leave it off, simply selecting one of the attributes will update the displayed products. <\/p>\n\n\n\n<p>That&#8217;s it! Your WooCommerce product filter block is now ready for action:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=936904469  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png\"  decoding=\"async\" width=\"1400\" height=\"1968\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png\" alt=\"A WooCommerce store using a WooCommerce product filter block. \" class=\"wp-image-52659\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 1400w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:213\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 213w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:728\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 728w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 1093w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:36\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 36w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:171\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 171w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:282\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 282w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:427\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 427w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:105\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 105w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:139\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 139w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:96\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 96w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 2x\" \/><noscript><img data-opt-id=936904469  decoding=\"async\" width=\"1400\" height=\"1968\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png\" alt=\"A WooCommerce store using a WooCommerce product filter block. \" class=\"wp-image-52659\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 1400w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:213\/h:300\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 213w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:728\/h:1024\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 728w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 1093w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:36\/h:50\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 36w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:171\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 171w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:282\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 282w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:427\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 427w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:105\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 105w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:139\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 139w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:96\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 96w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/05\/sample-store.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/></noscript><\/figure><\/div>\n\n\n<p>Simply save and publish your changes. Customers will now be able to filter their product searches with specific attributes. <\/p>\n\n\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"overview\">An overview of WooCommerce product filter plugins<\/h2>\n\n\n\n<p>Apart from the free WooCommerce blocks, you can also access third-party plugins to add more flexibility for setting up your filters. For example, the <a href=\"https:\/\/woocommerce.com\/products\/woocommerce-product-search\/\" target=\"_blank\" rel=\"noopener\">WooCommerce Product Search plugin<\/a> contains the following filter options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Products:<\/strong> Displays a collection of filtered products. This block can replicate your shop page and render items controlled by other product filter blocks on the same page. <\/li>\n\n\n\n<li><strong>Search:<\/strong> Creates a filtered search function for your WooCommerce store. <\/li>\n\n\n\n<li><strong>Categories:<\/strong> Shows products that correspond to particular categories, such as clothing type or gender. <\/li>\n\n\n\n<li><strong>Attributes:<\/strong> Displays products with specific attributes, such as color, brand, size, shape, make, or particular features. <\/li>\n\n\n\n<li><strong>Tags:<\/strong> Shows products that correspond to product tags, including &#8220;featured,&#8221; &#8220;logo,&#8221; or &#8220;trending.&#8221;<\/li>\n\n\n\n<li><strong>Price:<\/strong> Displays products within specified price parameters. <\/li>\n\n\n\n<li><strong>Rating:<\/strong> Presents products according to their average rating. <\/li>\n\n\n\n<li><strong>Sale:<\/strong> Displays only products that are on sale. <\/li>\n\n\n\n<li><strong>Stock:<\/strong> Shows only products that are in stock. <\/li>\n\n\n\n<li><strong>Reset:<\/strong> Enables customers to reset the product filter parameters. Then, they can see all your available items or enter new settings to customize their searches. <\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udc49 Alternatively, you might consider using the WOOF Products Filter for WooCommerce plugin:<\/p>\n\n\n<div class=\"wp-pic-wrapper align-center large\" style=\"margin:20px 0;\"><div class=\"wp-pic large plugin wp-pic-ajax scheme2\"  id=\"wp-pic-woocommerce-products-filter\"data-type=\"plugin\" data-slug=\"woocommerce-products-filter\" data-image=\"\" data-expiration=\"\"  data-layout=\"large\" data-slugs=\"[]\" ><div class=\"wp-pic-body-loading\"><div class=\"signal\"><\/div><\/div><\/div><\/div><!-- .wp-pic-wrapper--><link rel='stylesheet' id='dashicons-css' href='https:\/\/themeisle.com\/blog\/wp-includes\/css\/dashicons.min.css?ver=6.8.5' type='text\/css' media='all' \/>\n<link rel='stylesheet' id='wppic-style-css' href='https:\/\/themeisle.com\/blog\/wp-content\/plugins\/wp-plugin-info-card\/dist\/wppic-styles.css?ver=6.1.1' type='text\/css' media='all' \/>\n<script type=\"text\/javascript\" src=\"https:\/\/themeisle.com\/blog\/wp-includes\/js\/jquery\/jquery.min.js?ver=3.7.1\" id=\"jquery-core-js\"><\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/themeisle.com\/blog\/wp-includes\/js\/jquery\/jquery-migrate.min.js?ver=3.4.1\" id=\"jquery-migrate-js\"><\/script>\n<script type=\"text\/javascript\" id=\"wppic-script-js-extra\">\n\/* <![CDATA[ *\/\nvar wppicAjax = {\"ajaxurl\":\"https:\\\/\\\/themeisle.com\\\/blog\\\/wp-admin\\\/admin-ajax.php\"};\n\/* ]]> *\/\n<\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/themeisle.com\/blog\/wp-content\/plugins\/wp-plugin-info-card\/assets\/js\/wppic-script.min.js?ver=6.1.1\" id=\"wppic-script-js\"><\/script>\n\n\n\n\n<p>With this plugin, customers can filter items according to their categories, attributes, tags, custom taxonomies, and prices. Plus, the displayed results are typically more attractive and customizable than the default WooCommerce blocks. <\/p>\n\n\n<div class=\"wp-pic-wrapper align-center large\" style=\"margin:20px 0;\"><div class=\"wp-pic large plugin wp-pic-ajax scheme2\"  id=\"wp-pic-woo-product-filter\"data-type=\"plugin\" data-slug=\"woo-product-filter\" data-image=\"\" data-expiration=\"\"  data-layout=\"large\" data-slugs=\"[]\" ><div class=\"wp-pic-body-loading\"><div class=\"signal\"><\/div><\/div><\/div><\/div><!-- .wp-pic-wrapper-->\n\n\n\n<p>WooCommerce Product Filter by WooBeWoo is another excellent freemium option:<\/p>\n\n\n\n<p>You can use it alone or with Elementor to design your own product filters and layout conditions. The <a href=\"https:\/\/woobewoo.com\/plugins\/woocommerce-filter\/\" target=\"_blank\" rel=\"noopener nofollow\">premium plugin<\/a> includes additional features, such as category icons, custom styles, and a hide\/show filters button. <\/p>\n\n\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Get started with WooCommerce product filters today<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>WooCommerce product filter blocks<\/strong> enable customers to search for items in your store with particular characteristics. Otherwise, users would have to scroll through your entire catalog and likely feel frustrated. Therefore, using one of these blocks is essential to improving your online shop&#8217;s UX.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t\t<div class='ti-tweet-clear'><\/div>\n\t\t\t<div class='ti-tweet_wrapper'>\n\t\t    \t<div class='ti-tweet_text'>\n\t\t    \t\t<a href='https:\/\/twitter.com\/share?text=%23WooCommerce+%23product+filter+blocks+%F0%9F%8C%AA%EF%B8%8F%F0%9F%A7%B1+what+are+they+%26amp%3B+how+to+use+them&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/' target='_blank' rel='nofollow'>#WooCommerce #product filter blocks \ud83c\udf2a\ufe0f\ud83e\uddf1 what are they &amp; how to use them<\/a>\n\t\t    \t<\/div>\n\t\t    \t<div class='ti-tweet_sharebtn'>\n\t\t    \t<a href='https:\/\/twitter.com\/share?text=%23WooCommerce+%23product+filter+blocks+%F0%9F%8C%AA%EF%B8%8F%F0%9F%A7%B1+what+are+they+%26amp%3B+how+to+use+them&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/' target='_blank' rel='nofollow'>Click To Tweet \n\t\t    \t\t<span><\/span>\n\t\t    \t<\/a>\n\t\t    <\/div>\n\t\t<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>Fortunately, it&#8217;s also very easy to use a WooCommerce product filter block. You&#8217;ll simply need to add taxonomies, such as categories, attributes, or tags, to your products. Then, you can use the corresponding WooCommerce block alongside an <strong><em>All Products<\/em> <\/strong>block on your shop page. <\/p>\n\n\n\n<p>For more flexibility, you can also install a dedicated WooCommerce product filter plugin.<\/p>\n\n\n\n<p>\ud83d\ude0e If you want to find even more ways to create a better WooCommerce store, you can also check out <a href=\"https:\/\/themeisle.com\/blog\/best-woocommerce-plugins\/\">our collection of must-have WooCommerce plugins<\/a>.<\/p>\n\n\n\n<p><strong><em>Do you have any questions about using WooCommerce product filter blocks? Let us know in the comments section below!<\/em><\/strong><\/p>\n\n\n<style>.ticss-d144f107 strong{font-weight: 700;\n    letter-spacing: -0.2px;\n    line-height: 1.2;\n    display: inline-block;}<\/style>\n\n\n<div class=\"wp-block-columns speed-guide has-white-color has-text-color has-background has-link-color wp-elements-2f81f6c5526477b5b4d52d1ca4513949 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"background-color:#4267cf\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure class=\"wp-block-image size-medium\"><img data-opt-id=30701221  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\"  decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\" alt=\"speed guide\" class=\"wp-image-113040\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:150\/h:150\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 150w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:768\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:240\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 240w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:397\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 397w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:600\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 600w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:148\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 148w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:195\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 195w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:135\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 135w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 2x\" \/><noscript><img data-opt-id=30701221  decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\" alt=\"speed guide\" class=\"wp-image-113040\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:150\/h:150\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 150w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:768\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:240\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 240w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:397\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 397w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:600\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 600w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:148\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 148w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:195\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 195w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:135\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 135w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 2x\" sizes=\"(max-width: 300px) 100vw, 300px\" \/></noscript><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center ticss-58e79f2f\" style=\"font-size:14px\"><strong>FREE GUIDE<\/strong><\/p>\n\n\n\n<p class=\"ticss-d144f107\" style=\"font-size:25px\"><strong>4 Essential Steps to Speed Up Your&nbsp;WordPress Website<\/strong><\/p>\n\n\n\n<p class=\"ticss-3b627beb\">Follow the simple steps in our 4-part mini series and reduce your loading times by 50-80%.&nbsp;\ud83d\ude80<\/p>\n\n\n<p><div class=\"frm_forms  with_frm_style frm_style_themeisle\" id=\"frm_form_4_container\" data-token=\"c4c81c24bdb79c507973b64107966d8d\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form  frm_pro_form \" id=\"form_site-speed-guide-below-post\" data-token=\"c4c81c24bdb79c507973b64107966d8d\">\n<div class=\"frm_form_fields \">\n<fieldset>\n<legend class=\"frm_screen_reader\">Site Speed Guide - Below Post<\/legend>\r\n\r\n<div class=\"frm_fields_container\">\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\n<input type=\"hidden\" name=\"form_id\" value=\"4\" \/>\n<input type=\"hidden\" name=\"frm_hide_fields_4\" id=\"frm_hide_fields_4\" value=\"\" \/>\n<input type=\"hidden\" name=\"form_key\" value=\"site-speed-guide-below-post\" \/>\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\n<input type=\"hidden\" id=\"frm_submit_entry_4\" name=\"frm_submit_entry_4\" value=\"4ba3cb1e2c\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/blog\/wp-json\/wp\/v2\/posts\/52616\" \/><input type=\"hidden\" name=\"item_meta[18]\" id=\"field_6px6q2\" value=\"\/blog\/wp-json\/wp\/v2\/posts\/52616\"  data-frmval=\"\/blog\/wp-json\/wp\/v2\/posts\/52616\"   \/>\n<div id=\"frm_field_15_container\" class=\"frm_form_field form-field  frm_required_field frm_none_container\">\r\n\t<label for=\"field_6px6q\" id=\"field_6px6q_label\" class=\"frm_primary_label\">Your Email\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t<input type=\"email\" id=\"field_6px6q\" name=\"item_meta[15]\" value=\"\"  autocomplete=\"email\"  placeholder=\"your@email.com\" data-reqmsg=\"Your Email cannot be blank.\" aria-required=\"true\" data-invmsg=\"Your Email is invalid\" aria-invalid=\"false\"  \/>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_17_container\" class=\"frm_form_field form-field  frm_none_container vertical_radio\">\r\n\t<div  id=\"field_6px6q3_label\" class=\"frm_primary_label\">Subscribe to our newsletter\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n\t<\/div>\r\n\t<div class=\"frm_opt_container\" aria-labelledby=\"field_6px6q3_label\" role=\"group\">\t\t<div class=\"frm_checkbox\" id=\"frm_checkbox_17-0\">\t\t\t<label  for=\"field_6px6q3-0\">\n\t\t\t<input type=\"checkbox\" name=\"item_meta[17][]\" id=\"field_6px6q3-0\" value=\"true\"  data-invmsg=\"Subscribe to our newsletter is invalid\" aria-invalid=\"false\"   \/> Subscribe to our newsletter<\/label><\/div>\n<\/div>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_14_container\" class=\"frm_form_field form-field \">\r\n\t<div class=\"frm_submit frm_flex\">\r\n<button class=\"frm_button_submit frm_final_submit\" type=\"submit\"   formnovalidate=\"formnovalidate\">FREE ACCESS<\/button>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\n\t<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\n\t\t\t<div id=\"frm_field_24_container\">\n\t\t\t<label for=\"field_8g19i\" >\n\t\t\t\tIf you are human, leave this field blank.\t\t\t<\/label>\n\t\t\t<input  id=\"field_8g19i\" type=\"text\" class=\"frm_form_field form-field frm_verify\" name=\"item_meta[24]\" value=\"\"  \/>\n\t\t<\/div>\n\t\t<input name=\"frm_state\" type=\"hidden\" value=\"tGKtIG19U6wyYcew8uBttbb5g9IsL9hK2SnasixCQW0wF9M0QAXa6pd1+Qu8+H8p\" \/><\/div>\n<\/fieldset>\n<\/div>\n\n<p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"134\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><\/form>\n<\/div>\n<\/p>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"Running an online store can be challenging. You\u2019ll need to organize your products so that customers can find the items they\u2019re looking for. Fortunately, WooCommerce product filter blocks can group and display user-specified items in seconds.","protected":false},"author":14,"featured_media":53314,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[276],"tags":[],"hashtags":[],"class_list":["post-52616","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce"],"wppr_data":{"cwp_meta_box_check":"No"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.8 (Yoast SEO v26.1.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WooCommerce Product Filter Blocks: What Are They &amp; How to Use Them<\/title>\n<meta name=\"description\" content=\"Looking to make your online store more convenient for customers? Learn how to use WooCommerce product filter blocks effectively!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce Product Filter Blocks: What Are They &amp; How to Use Them\" \/>\n<meta property=\"og:description\" content=\"Looking to make your online store more convenient for customers? Learn how to use WooCommerce product filter blocks effectively!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Themeisle Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-15T09:48:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-13T14:08:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/06\/WooCommerce-product-filters.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2180\" \/>\n\t<meta property=\"og:image:height\" content=\"1090\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"John Hughes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"John Hughes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/\"},\"author\":{\"name\":\"John Hughes\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/person\/0f080762cdcc47aee80f11536fe87242\"},\"headline\":\"WooCommerce Product Filter Blocks: What Are They &#038; How to Use Them\",\"datePublished\":\"2022-06-15T09:48:40+00:00\",\"dateModified\":\"2023-06-13T14:08:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/\"},\"wordCount\":1879,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/06\/WooCommerce-product-filters.png\",\"articleSection\":[\"WooCommerce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/\",\"url\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/\",\"name\":\"WooCommerce Product Filter Blocks: What Are They & How to Use Them\",\"isPartOf\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/06\/WooCommerce-product-filters.png\",\"datePublished\":\"2022-06-15T09:48:40+00:00\",\"dateModified\":\"2023-06-13T14:08:51+00:00\",\"description\":\"Looking to make your online store more convenient for customers? Learn how to use WooCommerce product filter blocks effectively!\",\"breadcrumb\":{\"@id\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#primaryimage\",\"url\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/06\/WooCommerce-product-filters.png\",\"contentUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/06\/WooCommerce-product-filters.png\",\"width\":2180,\"height\":1090,\"caption\":\"WooCommerce Product Filter Blocks\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/themeisle.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce Product Filter Blocks: What Are They &#038; How to Use Them\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/themeisle.com\/blog\/#website\",\"url\":\"https:\/\/themeisle.com\/blog\/\",\"name\":\"Themeisle Blog\",\"description\":\"WordPress Tutorials and Reviews for Beginners and Advanced\",\"publisher\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/themeisle.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\",\"name\":\"VertiStudio\",\"alternateName\":\"Vertigo Studio SA\",\"url\":\"https:\/\/themeisle.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png\",\"contentUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png\",\"width\":718,\"height\":156,\"caption\":\"VertiStudio\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/person\/0f080762cdcc47aee80f11536fe87242\",\"name\":\"John Hughes\",\"description\":\"John is a self-taught WordPress designer and developer. He has been working with the CMS for over a decade, and has experience operating as a freelancer and as part of an agency. He\u2019s dabbled in everything from accessible design to website security. Plus, he has extensive knowledge of online business topics like affiliate marketing.\",\"sameAs\":[\"http:\/\/wordcandy.co\"],\"url\":\"https:\/\/themeisle.com\/blog\/author\/john-h\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WooCommerce Product Filter Blocks: What Are They &amp; How to Use Them","description":"Looking to make your online store more convenient for customers? Learn how to use WooCommerce product filter blocks effectively!","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:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/","og_locale":"en_US","og_type":"article","og_title":"WooCommerce Product Filter Blocks: What Are They &amp; How to Use Them","og_description":"Looking to make your online store more convenient for customers? Learn how to use WooCommerce product filter blocks effectively!","og_url":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/","og_site_name":"Themeisle Blog","article_published_time":"2022-06-15T09:48:40+00:00","article_modified_time":"2023-06-13T14:08:51+00:00","og_image":[{"width":2180,"height":1090,"url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/06\/WooCommerce-product-filters.png","type":"image\/png"}],"author":"John Hughes","twitter_card":"summary_large_image","twitter_misc":{"Written by":"John Hughes","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#article","isPartOf":{"@id":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/"},"author":{"name":"John Hughes","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/person\/0f080762cdcc47aee80f11536fe87242"},"headline":"WooCommerce Product Filter Blocks: What Are They &#038; How to Use Them","datePublished":"2022-06-15T09:48:40+00:00","dateModified":"2023-06-13T14:08:51+00:00","mainEntityOfPage":{"@id":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/"},"wordCount":1879,"commentCount":0,"publisher":{"@id":"https:\/\/themeisle.com\/blog\/#organization"},"image":{"@id":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/06\/WooCommerce-product-filters.png","articleSection":["WooCommerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/","url":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/","name":"WooCommerce Product Filter Blocks: What Are They & How to Use Them","isPartOf":{"@id":"https:\/\/themeisle.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#primaryimage"},"image":{"@id":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/06\/WooCommerce-product-filters.png","datePublished":"2022-06-15T09:48:40+00:00","dateModified":"2023-06-13T14:08:51+00:00","description":"Looking to make your online store more convenient for customers? Learn how to use WooCommerce product filter blocks effectively!","breadcrumb":{"@id":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#primaryimage","url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/06\/WooCommerce-product-filters.png","contentUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2022\/06\/WooCommerce-product-filters.png","width":2180,"height":1090,"caption":"WooCommerce Product Filter Blocks"},{"@type":"BreadcrumbList","@id":"https:\/\/themeisle.com\/blog\/woocommerce-product-filter-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/themeisle.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WooCommerce Product Filter Blocks: What Are They &#038; How to Use Them"}]},{"@type":"WebSite","@id":"https:\/\/themeisle.com\/blog\/#website","url":"https:\/\/themeisle.com\/blog\/","name":"Themeisle Blog","description":"WordPress Tutorials and Reviews for Beginners and Advanced","publisher":{"@id":"https:\/\/themeisle.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/themeisle.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/themeisle.com\/blog\/#organization","name":"VertiStudio","alternateName":"Vertigo Studio SA","url":"https:\/\/themeisle.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png","contentUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png","width":718,"height":156,"caption":"VertiStudio"},"image":{"@id":"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/person\/0f080762cdcc47aee80f11536fe87242","name":"John Hughes","description":"John is a self-taught WordPress designer and developer. He has been working with the CMS for over a decade, and has experience operating as a freelancer and as part of an agency. He\u2019s dabbled in everything from accessible design to website security. Plus, he has extensive knowledge of online business topics like affiliate marketing.","sameAs":["http:\/\/wordcandy.co"],"url":"https:\/\/themeisle.com\/blog\/author\/john-h\/"}]}},"_links":{"self":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/52616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/comments?post=52616"}],"version-history":[{"count":68,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/52616\/revisions"}],"predecessor-version":[{"id":104345,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/52616\/revisions\/104345"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/media\/53314"}],"wp:attachment":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/media?parent=52616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/categories?post=52616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/tags?post=52616"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/hashtags?post=52616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}