{"id":121267,"date":"2023-07-05T10:43:41","date_gmt":"2023-07-05T05:13:41","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/woocommerce-filters-search-elementor\/"},"modified":"2023-07-05T11:59:07","modified_gmt":"2023-07-05T06:29:07","slug":"woocommerce-filters-search-elementor","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/woocommerce-filters-search-elementor\/","title":{"rendered":"WooCommerce Filters &#038; Search in Elementor | Filter by Colour, Rating, Size, Price, Brand etc [Video Tutorial]"},"content":{"rendered":"<!-- wp:embed \",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<iframe title=\"WooCommerce Filters &amp; Search in Elementor | Filter by Colour, Rating, Size, Price, Brand etc\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/pO_uo2EFCP0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>\r\n<!-- \/wp:post-content -->\r\n\r\n<\/figure>\r\n<!-- \/wp:embed -->\r\n<!-- wp:heading  -->\r\n<h5 class=\"wp-block-heading\">Video Duration: 27 : 39 <\/h5>\r\n<!-- \/wp:heading -->\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\r\n<!-- \/wp:heading -->\r\n<!-- wp:paragraph -->\r\n<p>In this WooCommerce tutorial, we see how to add 15+ Ajax Filters &#038; Search Bar for WooCommerce Products like Colour, Rating, Size, Price and in Elementor. Add WooCommerce Filter products by product attributes in Elementor to filter products by category on WordPress.\n\nLive Demo &#8211; <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/plus-search-filters\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/plus-search-filters\/<\/a><br><br>\nBest WooCommerce Filter Plugin to Filter Anything, for Products to Custom CPT, in this video we will focus primarily on Woo Products<br><br>\n\u2705 Add Horizontal &#038; Vertical Filters, \u2705 Popup Filters, \u2705 Inline Filters, \u2705 Ajax Search bar \u2705 Works on any Theme<br><br>\n15+ Unique Custom Advanced Ajax product filters for WooCommerce<br>\n1) Alphabet Filter<br>\n2) Search Input Bar<br>\n3) Date Picker Filter<br>\n4) Dropdown<br>\n5) Radio Button<br>\n6) Range Slider Filter<br>\n8) Tabbing<br>\n9) WooCommerce Button Filter<br>\n10) Woo Colour<br>\n11) Woo Image<br>\n12) Woo Rating<br>\n13) Search Tag<br>\n14) Filter Reset<br>\n15) Total Search<br><br>\n#WooCommerce #Product #Filter #WordPress #WordPressTutorial #wooCommerceFilter #productfilter<br><br>\n&#8212;\nTime stamps  <br><br>\n00:00 Intro<br>\n01:22 Activating the WooCommerce Search &#038; Filters Widget in Elementor<br>\n03:34 Setting up Product attributes<br>\n07:04 Configuring Attributes with Woo products<br>\n09:09 Creating Product Listing Page with Filters<br>\n10:48 WP Filters widget options Explained<br>\n12:31 Filter type #1 &#8211; WP Filter<br>\n17:02 Filter type #2 &#8211; Woo Filter<br>\n21:02 Filter type #3 &#8211; Filter Meta<br>\n23:40 Extra Options Explained<br>\n27:17 End Notes<br><br>\n&#8212;<\/p>\r\n<!-- \/wp:paragraph -->\r\n<!-- wp:shortcode -->\r\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\r\n<!-- \/wp:shortcode -->","protected":false},"author":16,"featured_media":121268,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121267","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-watch-video-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121267"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121267\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121268"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121267"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}