Filter Everything — WordPress/WooCommerce Product Filter by Stepasyuk

<!doctype html>   <html class="no-js " lang="en">  <head> <meta charset="utf-8"> <script src="https://public-assets.envato-static.com/assets/market/core/datadog-c9dadca4b1354094f125388491f85039fc6c2017f1bbf824b789caa4c03450a2.js" nonce="DQdnkzmVfyulChXgO3UxeA=="></script> <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ window.DD_RUM && window.DD_RUM.init({ clientToken: 'puba7a42f353afa86efd9e11ee56e5fc8d9', applicationId: '8561f3f6-5252-482b-ba9f-2bbb1b009106', site: 'datadoghq.com', service: 'marketplace', env: 'production', version: 'e527367f88594614dc636817cb13446cb21cda55', sampleRate: 0.2, premiumSampleRate: 5, trackInteractions: false, defaultPrivacyLevel: 'mask-user-input', beforeSend: (event, context) => { if (typeof window.datadog_attributes == 'object') event.context = {...event.context, ...window.datadog_attributes} }, }) //]]> </script> <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ var rollbarEnvironment = "production" var codeVersion = "e527367f88594614dc636817cb13446cb21cda55" //]]> </script> <script src="https://public-assets.envato-static.com/mp/packs/js/rollbar-988f1d8d659eebc80df6.js" nonce="DQdnkzmVfyulChXgO3UxeA=="></script> <meta content="origin-when-cross-origin" name="referrer" /> <link rel="dns-prefetch" href="//s3.envato.com" /> <link rel="preload" href="https://market-resized.envatousercontent.com/codecanyon.net/files/549409907/Envato_Head_Image_MAIN.png?auto=format&q=94&cf_fit=crop&gravity=top&h=8000&w=590&s=1162d45b01f173eb7d085cf978f1428b88061e327d61fbdc13a4690fa7990ed2" as="image" /> <link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/logos-20f56d7ae7a08da2c6698db678490c591ce302aedb1fcd05d3ad1e1484d3caf9.png" as="image" /> <link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/common-5af54247f3a645893af51456ee4c483f6530608e9c15ca4a8ac5a6e994d9a340.png" as="image" /> <title>Filter Everything — WordPress/WooCommerce Product Filter by Stepasyuk</title> <meta name="description" content="Buy Filter Everything — WordPress/WooCommerce Product Filter by Stepasyuk on CodeCanyon. Filter Everything PRO — WordPress plugin that completely solves the problem of filtering on your site. With WooCommer..."> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="icon" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/favicon-1147a1221bfa55e7ee6678c2566ccd7580fa564fe2172489284a1c0b1d8d595d.png" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-72x72-precomposed-ea6fb08063069270d41814bdcea6a36fee5fffaba8ec1f0be6ccf3ebbb63dddb.png" sizes="72x72" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-114x114-precomposed-bab982e452fbea0c6821ffac2547e01e4b78e1df209253520c7c4e293849c4d3.png" sizes="114x114" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-120x120-precomposed-8275dc5d1417e913b7bd8ad048dccd1719510f0ca4434f139d675172c1095386.png" sizes="120x120" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-144x144-precomposed-c581101b4f39d1ba1c4a5e45edb6b3418847c5c387b376930c6a9922071c8148.png" sizes="144x144" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-precomposed-c581101b4f39d1ba1c4a5e45edb6b3418847c5c387b376930c6a9922071c8148.png" /> <link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/core/index-a9b4110996ce191cf79c3c3d4591a5bb3ada6179f9cdd9de9e89ba0bd13823e0.css" media="all" /> <link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/pages/default/index-43c9e199b223db5c5bba332e76ddb21b8a94a6038c1f49a8e7d1d258d5b02293.css" media="all" /> <link rel="stylesheet" href="https://public-assets.envato-static.com/mp/packs/css/components/brand_neue_tokens-a3eebe3f.css" media="screen" /> <meta name="theme-color" content="#333333"> <link rel="canonical" href="https://codecanyon.net/item/filter-everything-wordpress-woocommerce-filter/31634508" /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "CodeCanyon", "url": "https://codecanyon.net" } </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"Product","category":"WooCommerce","url":"https://codecanyon.net/item/filter-everything-wordpress-woocommerce-filter/31634508","description":"Filter Everything PRO — WordPress plugin that completely solves the problem of filtering on your site. With WooCommerce or without it. What the best Filter plugin should be able to do? To filter by any possible criteria. Please, see details ↓ To filter any content – products, posts, cars, houses, recipes, games etc Support any kind of filter views (checkboxes, radio buttons, labels list, dropdowns, range) To be ready for use on mobile devices To work fast and support AJAX To be compatible with WordPress themes and popular plugins (ACF, WPML etc) All of this is supported by the Filter Everything PRO! Moreover it also filters on any pages including created with Page builders allows you to sort filtered r","name":"Filter Everything — WordPress/WooCommerce Product Filter","image":"https://s3.envato.com/files/342344982/Filter_Everything_thumbnail_violet.jpg","brand":{"@type":"Brand","name":"Stepasyuk"},"sku":31634508,"mpn":"E-31634508","productionDate":"2025-02-27T07:19:42+11:00","releaseDate":"2025-02-27T07:19:42+11:00","offers":{"@type":"Offer","price":"44.00","priceCurrency":"USD","priceValidUntil":"2025-02-28T23:59:59+11:00","itemCondition":"http://schema.org/NewCondition","availability":"http://schema.org/InStock","url":"https://codecanyon.net/item/filter-everything-wordpress-woocommerce-filter/31634508"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.91","reviewCount":"275"},"review":{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"author":{"@type":"Person","name":"kwsim539"}}} </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://codecanyon.net"},{"@type":"ListItem","position":2,"name":"Files","item":"https://codecanyon.net/category/all"},{"@type":"ListItem","position":3,"name":"WordPress","item":"https://codecanyon.net/wordpress"},{"@type":"ListItem","position":4,"name":"eCommerce","item":"https://codecanyon.net/wordpress/ecommerce"},{"@type":"ListItem","position":5,"name":"WooCommerce"}]} </script> <script type="application/ld+json"> {"@type":"SoftwareApplication","applicationCategory":"WooCommerce","aggregateRating":{"@type":"AggregateRating","itemReviewed":"Filter Everything — WordPress/WooCommerce Product Filter","ratingCount":275,"ratingValue":5.0},"@context":"http://schema.org","datePublished":"2025-02-27T07:19:42+11:00","dateCreated":"2021-04-14T22:09:11+10:00","name":"Filter Everything — WordPress/WooCommerce Product Filter","description":"Filter Everything PRO — WordPress plugin that completely solves the problem of filtering on your site. With WooCommerce or without it. What the best Filter plugin should be able to do? To filter by any possible criteria. Please, see details ↓ To filter any content – products, posts, cars, houses, recipes, games etc Support any kind of filter views (checkboxes, radio buttons, labels list, dropdowns, range) To be ready for use on mobile devices To work fast and support AJAX To be compatible with WordPress themes and popular plugins (ACF, WPML etc) All of this is supported by the Filter Everything PRO! Moreover it also filters on any pages including created with Page builders allows you to sort filtered r","url":"https://codecanyon.net/item/filter-everything-wordpress-woocommerce-filter/31634508","thumbnailUrl":"https://s3.envato.com/files/549409907/Envato_Head_Image_MAIN.png","author":{"@type":"Person","name":"Stepasyuk","url":"https://codecanyon.net/user/stepasyuk"}} </script> <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ window.dataLayer = window.dataLayer || []; //]]> </script> <meta name="bingbot" content="nocache"> <meta name="twitter:card" content="product" /> <meta name="twitter:site" content="@envatomarket" /> <meta /> <meta name="twitter:data1" content="$44 USD" /> <meta name="twitter:label1" content="Price" /> <meta name="twitter:data2" content="CodeCanyon" /> <meta name="twitter:label2" content="Marketplace" /> <meta name="twitter:domain" content="codecanyon.net" /> <meta property="og:title" content="Filter Everything — WordPress/WooCommerce Product Filter" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://codecanyon.net/item/filter-everything-wordpress-woocommerce-filter/31634508" /> <meta property="og:image" content="https://s3.envato.com/files/342344982/Filter_Everything_thumbnail_violet.jpg" /> <meta property="og:description" content="Filter Everything PRO — WordPress plugin that completely solves the problem of filtering on your site. With WooCommerce or without it. What the best Filter plugin should be able to do? To fil..." /> <meta property="og:site_name" content="CodeCanyon" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="wp5GcIBMjOHQ9pUduYeSC9SrLELsgcHWpdzf6FTtKmv9Xh1HSt9df-k3W0BTxbsmqSmd-Dsrd7nPR31-gRyyFg" /> <meta name="turbo-visit-control" content="reload"> <script type="text/plain" nonce="DQdnkzmVfyulChXgO3UxeA==" data-cookieconsent="statistics"> //<![CDATA[ var container_env_param = ""; (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W8KL5Q5'); //]]> </script> <script type="text/plain" nonce="DQdnkzmVfyulChXgO3UxeA==" data-cookieconsent="marketing"> //<![CDATA[ var gtmId = 'GTM-KGCDGPL6'; var container_env_param = ""; // Google Tag Manager Tracking Code (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', gtmId); window.addEventListener('load', function() { window.dataLayer.push({ event: 'pinterestReady' }); }); //]]> </script> <script src="https://public-assets.envato-static.com/assets/market/core/head-27cdb5ede34aef07336dc99fceecaf31a2d50c9615e8116fc60965812916e464.js" nonce="DQdnkzmVfyulChXgO3UxeA=="></script> </head> <body class="color-scheme-light" data-view="app impressionTracker" data-responsive="true" data-user-signed-in="false" > <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ var gtmConfig = {} //]]> </script>  <script src="https://public-assets.envato-static.com/mp/packs/js/gtm_measurements-56c09aea58a824aa5676.js" nonce="DQdnkzmVfyulChXgO3UxeA=="></script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8KL5Q5" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGCDGPL6" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ (function() { function normalizeAttributeValue(value) { if (value === undefined || value === null) return undefined var normalizedValue if (Array.isArray(value)) { normalizedValue = normalizedValue || value .map(normalizeAttributeValue) .filter(Boolean) .join(', ') } normalizedValue = normalizedValue || value .toString() .toLowerCase() .trim() .replace(/&/g, '&') .replace(/'/g, "'") .replace(/\s+/g, ' ') if (normalizedValue === '') return undefined return normalizedValue } var pageAttributes = { app_name: normalizeAttributeValue('Marketplace'), app_env: normalizeAttributeValue('production'), app_version: normalizeAttributeValue('e527367f88594614dc636817cb13446cb21cda55'), page_type: normalizeAttributeValue('item'), page_location: window.location.href, page_title: document.title, page_referrer: document.referrer, ga_param: normalizeAttributeValue(''), event_attributes: null, user_attributes: { user_id: normalizeAttributeValue(''), market_user_id: normalizeAttributeValue(''), } } dataLayer.push(pageAttributes) dataLayer.push({ event: 'analytics_ready', event_attributes: { event_type: 'user', custom_timestamp: Date.now() } }) })(); //]]> </script> <div class="page"> <div class="page__off-canvas--left overflow"> <div class="off-canvas-left js-off-canvas-left"> <div class="off-canvas-left__top"> <a href="https://codecanyon.net">Envato Market</a> </div> <div class="off-canvas-left__current-site -color-codecanyon"> <span class="off-canvas-left__site-title"> Code </span> <a class="off-canvas-left__current-site-toggle -white-arrow -color-codecanyon" data-view="dropdown" data-dropdown-target=".off-canvas-left__sites" href="#"></a> </div> <div class="off-canvas-left__sites is-hidden" id="off-canvas-sites"> <a class="off-canvas-left__site" href="https://themeforest.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Web Themes & Templates </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://videohive.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Video </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://audiojungle.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Audio </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://graphicriver.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Graphics </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://photodune.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Photos </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://3docean.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> 3D Files </span> <i class="e-icon -icon-right-open"></i> </a></div> <div class="off-canvas-left__search"> <form id="search" action="/category/all" accept-charset="UTF-8" method="get"> <div class="search-field -border-none"> <div class="search-field__input"> <input id="term" name="term" type="search" placeholder="Search" class="search-field__input-field" /> </div> <button class="search-field__button" type="submit"> <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i> </button> </div> </form></div> <ul> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-all-items" href="/category/all"> All Items </a> <ul class="is-hidden" id="off-canvas-all-items"> <li> <a class="off-canvas-category-link--sub" href="/top-sellers">Popular Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/feature">Featured Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search?date=this-month&sort=sales">Top New Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/follow_feed">Follow Feed</a> </li> <li> <a class="off-canvas-category-link--sub" href="/authors/top">Top Authors</a> </li> <li> <a class="off-canvas-category-link--sub" href="/page/top_new_sellers">Top New Authors</a> </li> <li> <a class="off-canvas-category-link--sub" href="/collections">Public Collections</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category">View All Categories</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-php-scripts" href="/category/php-scripts"> PHP Scripts </a> <ul class="is-hidden" id="off-canvas-php-scripts"> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts">Show all PHP Scripts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=php-scripts">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/add-ons">Add-ons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/countdowns">Countdowns</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/database-abstractions">Database Abstractions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/help-and-support-tools">Help and Support Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/images-and-media">Images and Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/navigation">Navigation</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/news-tickers">News Tickers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/polls">Polls</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/project-management-tools">Project Management Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/search">Search</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/shopping-carts">Shopping Carts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/social-networking">Social Networking</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-wordpress" href="/category/wordpress"> WordPress </a> <ul class="is-hidden" id="off-canvas-wordpress"> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress">Show all WordPress</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=wordpress">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/add-ons">Add-ons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/advertising">Advertising</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce">eCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/attributes/compatible-with/elementor">Elementor</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/forums">Forums</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/galleries">Galleries</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/interface-elements">Interface Elements</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/membership">Membership</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/newsletters">Newsletters</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/seo">SEO</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/social-networking">Social Networking</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/utilities">Utilities</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/widgets">Widgets</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/miscellaneous">Miscellaneous</a> </li> <li> <a class="off-canvas-category-link--sub" href="https://themeforest.net/category/wordpress">WordPress Themes on ThemeForest</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ecommerce" href="/search/ecommerce"> eCommerce </a> <ul class="is-hidden" id="off-canvas-ecommerce"> <li> <a class="off-canvas-category-link--sub" href="/search/ecommerce">Show all eCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/jigoshop">Jigoshop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/ubercart">UberCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/wp-e-commerce">WP e-Commerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/standalone">WP Standalone</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-javascript" href="/category/javascript"> JavaScript </a> <ul class="is-hidden" id="off-canvas-javascript"> <li> <a class="off-canvas-category-link--sub" href="/category/javascript">Show all JavaScript</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=javascript">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/animated-svgs">Animated SVGs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/countdowns">Countdowns</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/database-abstractions">Database Abstractions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/images-and-media">Images and Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/navigation">Navigation</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/news-tickers">News Tickers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/project-management-tools">Project Management Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/shopping-carts">Shopping Carts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/sliders">Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/social-networks">Social Networks</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-css" href="/category/css"> CSS </a> <ul class="is-hidden" id="off-canvas-css"> <li> <a class="off-canvas-category-link--sub" href="/category/css">Show all CSS</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=css">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/animations-and-effects">Animations and Effects</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/buttons">Buttons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/layouts">Layouts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/navigation-and-menus">Navigation and Menus</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/pricing-tables">Pricing Tables</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/tabs-and-sliders">Tabs and Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-mobile" href="/category/mobile"> Mobile </a> <ul class="is-hidden" id="off-canvas-mobile"> <li> <a class="off-canvas-category-link--sub" href="/category/mobile">Show all Mobile</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=mobile">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/android">Android</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/flutter">Flutter</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/ios">iOS</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/native-web">Native Web</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/titanium">Titanium</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-html5" href="/category/html5"> HTML5 </a> <ul class="is-hidden" id="off-canvas-html5"> <li> <a class="off-canvas-category-link--sub" href="/category/html5">Show all HTML5</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=html5">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/3d">3D</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/ad-templates">Ad Templates</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/canvas">Canvas</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/games">Games</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/libraries">Libraries</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/presentations">Presentations</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/sliders">Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/storage">Storage</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/templates">Templates</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ai-tools" href="/search/ai"> AI Tools </a> <ul class="is-hidden" id="off-canvas-ai-tools"> <li> <a class="off-canvas-category-link--sub" href="/search/ai">Show all AI Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai?sort=sales">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai%20content">AI Writers and Content Generators</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai%20image">AI Image and Video Generators</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai%20chat">AI Chatbots</a> </li> </ul> </li> <li> <a class="off-canvas-category-link--empty" href="https://themeforest.net/category/wordpress"> WP Themes </a> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-plugins" href="/category/plugins"> Plugins </a> <ul class="is-hidden" id="off-canvas-plugins"> <li> <a class="off-canvas-category-link--sub" href="/category/plugins">Show all Plugins</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=plugins">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/concrete5">Concrete5</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/drupal">Drupal</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/expressionengine">ExpressionEngine</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/joomla">Joomla</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/muse-widgets">Muse Widgets</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/ubercart">Ubercart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link--empty" href="https://placeit.net/mockup-generator?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-photos&utm_content=mockup_generator"> Mockup Generator </a> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-more" href="/category"> More </a> <ul class="is-hidden" id="off-canvas-more"> <li> <a class="off-canvas-category-link--sub" href="/category/net">.NET</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/apps">Apps</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search?term=facebook&type=files">Facebook</a> </li> </ul> </li> <li> <a class="elements-nav__category-link external-link" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"switcher_mobile_31JUL2024","promotionName":"switcher_mobile_31JUL2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"switcher_mobile_31JUL2024","promotionName":"switcher_mobile_31JUL2024","promotionType":"elements referral"}}" href="https://elements.envato.com/?utm_campaign=switcher_mobile_31JUL2024&utm_medium=referral&utm_source=codecanyon.net">Unlimited Downloads</a> </li> </ul> </div> </div> <div class="page__off-canvas--right overflow"> <div class="off-canvas-right"> <a class="off-canvas-right__link--cart" href="/cart"> Guest Cart <div class="shopping-cart-summary is-empty" data-view="cartCount"> <span class="js-cart-summary-count shopping-cart-summary__count">0</span> <i class="e-icon -icon-cart"></i> </div> </a> <a class="off-canvas-right__link" href="/sign_up"> Create an Envato Account <i class="e-icon -icon-envato"></i> </a> <a class="off-canvas-right__link" href="/sign_in"> Sign In <i class="e-icon -icon-login"></i> </a> </div> </div> <div class="page__canvas"> <div class="canvas"> <div class="canvas__header"> <header class="site-header"> <div class="site-header__mini is-hidden-desktop"> <div class="header-mini"> <div class="header-mini__button--cart"> <a class="btn btn--square" href="/cart"> <svg width="14px" height="14px" viewBox="0 0 14 14" class="header-mini__button-cart-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <span class="is-hidden">Cart</span> <span class="header-mini__button-cart-cart-amount is-hidden"> 0 </span> </a> </div> <div class="header-mini__button--account"> <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="right" href="#account"> <i class="e-icon -icon-person"></i> <span class="is-hidden">Account</span> </a> </div> <div class="header-mini__button--categories"> <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="left" href="#categories"> <i class="e-icon -icon-hamburger"></i> <span class="is-hidden">Sites, Search & Categories</span> </a> </div> <div class="header-mini__logo"> <a href="https://codecanyon.net/?auto_signin=true"> <img alt="CodeCanyon" class="header-mini__logo--codecanyon" src="https://public-assets.envato-static.com/assets/common/transparent-1px-1f61547480c17dc67dd9a6c38545a5911cc4a8024f6f3c0992e7c1c81fb37578.png" /> </a></div> </div> </div> <div class="global-header is-hidden-tablet-and-below"> <div class='grid-container -layout-wide'> <div class='global-header__wrapper'> <a href="https://codecanyon.net"> <img height="20" alt="Envato Market" class="global-header__logo" src="https://public-assets.envato-static.com/assets/logos/envato_market-dd390ae860330996644c1c109912d2bf63885fc075b87215ace9b5b4bdc71cc8.svg" /> </a> <nav class='global-header-menu' role='navigation'> <ul class='global-header-menu__list'> <li class='global-header-menu__list-item'> <a class="global-header-menu__link" href="https://forums.envato.com"> <span class='global-header-menu__link-text'> Forums </span> </a> </li> <li class='global-header-menu__list-item'> <a class="global-header-menu__link" href="https://author.envato.com"> <span class='global-header-menu__link-text'> Start Selling </span> </a> </li> <li data-view="globalHeaderMenuDropdownHandler" class='global-header-menu__list-item--with-dropdown'> <a data-lazy-load-trigger="mouseover" class="global-header-menu__link" href="#"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="global-header-menu__icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Menu</title> <path d="M3.5 2A1.5 1.5 0 0 1 5 3.5 1.5 1.5 0 0 1 3.5 5 1.5 1.5 0 0 1 2 3.5 1.5 1.5 0 0 1 3.5 2zM8 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 2zM12.5 2A1.5 1.5 0 0 1 14 3.5 1.5 1.5 0 0 1 12.5 5 1.5 1.5 0 0 1 11 3.5 1.5 1.5 0 0 1 12.5 2zM3.5 6.5A1.5 1.5 0 0 1 5 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 2 8a1.5 1.5 0 0 1 1.5-1.5zM8 6.5A1.5 1.5 0 0 1 9.5 8 1.5 1.5 0 0 1 8 9.5 1.5 1.5 0 0 1 6.5 8 1.5 1.5 0 0 1 8 6.5zM12.5 6.5A1.5 1.5 0 0 1 14 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 11 8a1.5 1.5 0 0 1 1.5-1.5zM3.5 11A1.5 1.5 0 0 1 5 12.5 1.5 1.5 0 0 1 3.5 14 1.5 1.5 0 0 1 2 12.5 1.5 1.5 0 0 1 3.5 11zM8 11a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 14a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 11zM12.5 11a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z"></path> </svg> <span class='global-header-menu__link-text'> Our Products </span> </a> <div class='global-header-menu__dropdown-container'> <div class='global-header-dropdown'> <ul class='global-header-dropdown__list'> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"elements_mkt-headernav_our_products_26AUG2024","promotionName":"elements_mkt-headernav_our_products_26AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"elements_mkt-headernav_our_products_26AUG2024","promotionName":"elements_mkt-headernav_our_products_26AUG2024","promotionType":"elements referral"}}" title="The unlimited creative subscription" target="_blank" href="https://elements.envato.com?utm_source=envatomarket&utm_medium=promos&utm_campaign=elements_mkt-headernav_our_products_26AUG2024&utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" data-alt="Envato Elements" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">The unlimited creative subscription</span> </a> </li> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionName":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionType":""}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionName":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionType":""}}" title="Free creative tutorials and courses" target="_blank" href="https://tutsplus.com?utm_source=envatomarket&utm_medium=promos&utm_campaign=tutsplus_mkt-headernav_our_products_26AUG2024&&utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/EnvatoTuts-logo-5bb3e97bcf5ed243facca8a3dfada1cb1c916ab65d5ab88a541fbe9aface742b.svg" data-alt="Tuts+" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Free creative tutorials and courses</span> </a> </li> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"placeit_mkt-headernav_our_products_26AUG2024","promotionName":"placeit_mkt-headernav_our_products_26AUG2024","promotionType":""}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"placeit_mkt-headernav_our_products_26AUG2024","promotionName":"placeit_mkt-headernav_our_products_26AUG2024","promotionType":""}}" title="Customize mockups, design and video" target="_blank" href="https://placeit.net?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-headernav_our_products_26AUG2024&utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/Placeit-logo-db4c3dfdec1cbc06ecfc092e600ff2712795f60ce4c50b32c93d450006d7ea8d.svg" data-alt="Placeit by Envato" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Customize mockups, design and video</span> </a> </li> </ul> <div class='global-header-dropdown-footer'> <ul> <li class='global-header-dropdown-footer__list-item'> Join the <a class="global-header-dropdown-footer__link" target="_blank" href="http://community.envato.com"> Envato community </a> </li> <li class='global-header-dropdown-footer__list-item'> Learn from others in <a class="global-header-dropdown-footer__link" target="_blank" href="https://forums.envato.com"> the forums </a> </li> </ul> </div> </div> </div> </li> <li class='global-header-menu__list-item -background-light -border-radius'> <a id="spec-link-cart" class="global-header-menu__link h-pr1" href="/cart"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="global-header-menu__icon global-header-menu__icon-cart" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <span class="global-header-menu__link-cart-amount is-hidden" data-view="headerCartCount" data-test-id="header_cart_count">0</span> </a></li> <li class='global-header-menu__list-item -background-light -border-radius'> <a class="global-header-menu__link h-pl1" data-view="modalAjax" href="/sign_in"> <span id="spec-user-username" class='global-header-menu__link-text'> Sign In </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="site-header__sites is-hidden-tablet-and-below"> <div class="header-sites header-site-titles"> <div class="grid-container -layout-wide"> <nav class="header-site-titles__container"> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Web Templates" href="https://themeforest.net/?auto_signin=true">Web Themes & Templates</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link is-active" alt="Code" href="https://codecanyon.net/?auto_signin=true">Code</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Video" href="https://videohive.net/?auto_signin=true">Video</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Music" href="https://audiojungle.net/?auto_signin=true">Audio</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Graphics" href="https://graphicriver.net/?auto_signin=true">Graphics</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Photos" href="https://photodune.net/?auto_signin=true">Photos</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="3D Files" href="https://3docean.net/?auto_signin=true">3D Files</a> </div> <div class="header-site-titles__site elements-nav__container"> <a class="header-site-titles__link t-link elements-nav__main-link" href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_content=cc_item_31634508&utm_medium=referral&utm_source=codecanyon.net" target="_blank" > <span> Unlimited Downloads </span> </a> <a target="_blank" class="elements-nav__dropdown-container unique-selling-points__variant" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_content=cc_item_31634508&utm_medium=referral&utm_source=codecanyon.net"> <div class="elements-nav__main-panel"> <img class="elements-nav__logo-container" loading="lazy" src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" alt="Elements logo" height="23" width="101" > <div class="elements-nav__punch-line"> <h2> Looking for unlimited downloads? </h2> <p> Subscribe to Envato Elements. <ul> <li> <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" > Millions of premium assets </li> <li> <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" > Great value subscription </li> </ul> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta">Let's create</button> </p> </div> </div> <div class="elements-nav__secondary-panel"> <img class="elements-nav__secondary-panel__collage" loading="lazy" src="https://public-assets.envato-static.com/assets/header/items-collage-1x-a39e4a5834e75c32a634cc7311720baa491687b1aaa4b709ebd1acf0f8427b53.png" srcset="https://public-assets.envato-static.com/assets/header/items-collage-2x-75e1ad16a46b9788861780a57feeb5fd1ad1026ecce9330302f0ef8f6f542697.png 2x" alt="Collage of Elements items" width="267" height="233" > </div> </a></div> <div class="header-site-floating-logo__container"> <div class=header-site-floating-logo__codecanyon ></div> </div> </nav> </div> </div> </div> <div class="site-header__categories is-hidden-tablet-and-below"> <div class="header-categories"> <div class="grid-container -layout-wide"> <ul class="header-categories__links"> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-0-dropdown" href="/category/all"> All Items </a> <div class="header-categories__links-dropdown js-categories-0-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/top-sellers">Popular Files</a> </li> <li> <a class="" href="/feature">Featured Files</a> </li> <li> <a class="" href="/search?date=this-month&sort=sales">Top New Files</a> </li> <li> <a class="" href="/follow_feed">Follow Feed</a> </li> <li> <a class="" href="/authors/top">Top Authors</a> </li> <li> <a class="" href="/page/top_new_sellers">Top New Authors</a> </li> <li> <a class="" href="/collections">Public Collections</a> </li> <li> <a class="" href="/category">View All Categories</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-1-dropdown" href="/category/php-scripts"> PHP Scripts </a> <div class="header-categories__links-dropdown js-categories-1-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=php-scripts">Popular Items</a> </li> <li> <a class="" href="/category/php-scripts/add-ons">Add-ons</a> </li> <li> <a class="" href="/category/php-scripts/calendars">Calendars</a> </li> <li> <a class="" href="/category/php-scripts/countdowns">Countdowns</a> </li> <li> <a class="" href="/category/php-scripts/database-abstractions">Database Abstractions</a> </li> <li> <a class="" href="/category/php-scripts/forms">Forms</a> </li> <li> <a class="" href="/category/php-scripts/help-and-support-tools">Help and Support Tools</a> </li> <li> <a class="" href="/category/php-scripts/images-and-media">Images and Media</a> </li> <li> <a class="" href="/category/php-scripts/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="" href="/category/php-scripts/navigation">Navigation</a> </li> <li> <a class="" href="/category/php-scripts/news-tickers">News Tickers</a> </li> <li> <a class="" href="/category/php-scripts/polls">Polls</a> </li> <li> <a class="" href="/category/php-scripts/project-management-tools">Project Management Tools</a> </li> <li> <a class="" href="/category/php-scripts/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="" href="/category/php-scripts/search">Search</a> </li> <li> <a class="" href="/category/php-scripts/shopping-carts">Shopping Carts</a> </li> <li> <a class="" href="/category/php-scripts/social-networking">Social Networking</a> </li> <li> <a class="" href="/category/php-scripts/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-2-dropdown" href="/category/wordpress"> WordPress </a> <div class="header-categories__links-dropdown js-categories-2-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=wordpress">Popular Items</a> </li> <li> <a class="" href="/category/wordpress/add-ons">Add-ons</a> </li> <li> <a class="" href="/category/wordpress/advertising">Advertising</a> </li> <li> <a class="" href="/category/wordpress/calendars">Calendars</a> </li> <li> <a class="" href="/category/wordpress/ecommerce">eCommerce</a> </li> <li> <a class="" href="/attributes/compatible-with/elementor">Elementor</a> </li> <li> <a class="" href="/category/wordpress/forms">Forms</a> </li> <li> <a class="" href="/category/wordpress/forums">Forums</a> </li> <li> <a class="" href="/category/wordpress/galleries">Galleries</a> </li> <li> <a class="" href="/category/wordpress/interface-elements">Interface Elements</a> </li> <li> <a class="" href="/category/wordpress/media">Media</a> </li> <li> <a class="" href="/category/wordpress/membership">Membership</a> </li> <li> <a class="" href="/category/wordpress/newsletters">Newsletters</a> </li> <li> <a class="" href="/category/wordpress/seo">SEO</a> </li> <li> <a class="" href="/category/wordpress/social-networking">Social Networking</a> </li> <li> <a class="" href="/category/wordpress/utilities">Utilities</a> </li> <li> <a class="" href="/category/wordpress/widgets">Widgets</a> </li> <li> <a class="" href="/category/wordpress/miscellaneous">Miscellaneous</a> </li> <li> <a class=" header-dropdown__bottom" href="https://themeforest.net/category/wordpress">WordPress Themes on ThemeForest</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-3-dropdown" href="/search/ecommerce"> eCommerce </a> <div class="header-categories__links-dropdown js-categories-3-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/jigoshop">Jigoshop</a> </li> <li> <a class="" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="" href="/category/plugins/ubercart">UberCart</a> </li> <li> <a class="" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/wp-e-commerce">WP e-Commerce</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/standalone">WP Standalone</a> </li> <li> <a class="" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-4-dropdown" href="/category/javascript"> JavaScript </a> <div class="header-categories__links-dropdown js-categories-4-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=javascript">Popular Items</a> </li> <li> <a class="" href="/category/javascript/animated-svgs">Animated SVGs</a> </li> <li> <a class="" href="/category/javascript/calendars">Calendars</a> </li> <li> <a class="" href="/category/javascript/countdowns">Countdowns</a> </li> <li> <a class="" href="/category/javascript/database-abstractions">Database Abstractions</a> </li> <li> <a class="" href="/category/javascript/forms">Forms</a> </li> <li> <a class="" href="/category/javascript/images-and-media">Images and Media</a> </li> <li> <a class="" href="/category/javascript/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="" href="/category/javascript/media">Media</a> </li> <li> <a class="" href="/category/javascript/navigation">Navigation</a> </li> <li> <a class="" href="/category/javascript/news-tickers">News Tickers</a> </li> <li> <a class="" href="/category/javascript/project-management-tools">Project Management Tools</a> </li> <li> <a class="" href="/category/javascript/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="" href="/category/javascript/shopping-carts">Shopping Carts</a> </li> <li> <a class="" href="/category/javascript/sliders">Sliders</a> </li> <li> <a class="" href="/category/javascript/social-networks">Social Networks</a> </li> <li> <a class="" href="/category/javascript/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-5-dropdown" href="/category/css"> CSS </a> <div class="header-categories__links-dropdown js-categories-5-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=css">Popular Items</a> </li> <li> <a class="" href="/category/css/animations-and-effects">Animations and Effects</a> </li> <li> <a class="" href="/category/css/buttons">Buttons</a> </li> <li> <a class="" href="/category/css/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="" href="/category/css/forms">Forms</a> </li> <li> <a class="" href="/category/css/layouts">Layouts</a> </li> <li> <a class="" href="/category/css/navigation-and-menus">Navigation and Menus</a> </li> <li> <a class="" href="/category/css/pricing-tables">Pricing Tables</a> </li> <li> <a class="" href="/category/css/tabs-and-sliders">Tabs and Sliders</a> </li> <li> <a class="" href="/category/css/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-6-dropdown" href="/category/mobile"> Mobile </a> <div class="header-categories__links-dropdown js-categories-6-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=mobile">Popular Items</a> </li> <li> <a class="" href="/category/mobile/android">Android</a> </li> <li> <a class="" href="/category/mobile/flutter">Flutter</a> </li> <li> <a class="" href="/category/mobile/ios">iOS</a> </li> <li> <a class="" href="/category/mobile/native-web">Native Web</a> </li> <li> <a class="" href="/category/mobile/titanium">Titanium</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-7-dropdown" href="/category/html5"> HTML5 </a> <div class="header-categories__links-dropdown js-categories-7-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=html5">Popular Items</a> </li> <li> <a class="" href="/category/html5/3d">3D</a> </li> <li> <a class="" href="/category/html5/ad-templates">Ad Templates</a> </li> <li> <a class="" href="/category/html5/canvas">Canvas</a> </li> <li> <a class="" href="/category/html5/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="" href="/category/html5/forms">Forms</a> </li> <li> <a class="" href="/category/html5/games">Games</a> </li> <li> <a class="" href="/category/html5/libraries">Libraries</a> </li> <li> <a class="" href="/category/html5/media">Media</a> </li> <li> <a class="" href="/category/html5/presentations">Presentations</a> </li> <li> <a class="" href="/category/html5/sliders">Sliders</a> </li> <li> <a class="" href="/category/html5/storage">Storage</a> </li> <li> <a class="" href="/category/html5/templates">Templates</a> </li> <li> <a class="" href="/category/html5/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-8-dropdown" href="/search/ai"> AI Tools </a> <div class="header-categories__links-dropdown js-categories-8-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/search/ai?sort=sales">Popular Items</a> </li> <li> <a class="" href="/search/ai%20content">AI Writers and Content Generators</a> </li> <li> <a class="" href="/search/ai%20image">AI Image and Video Generators</a> </li> <li> <a class="" href="/search/ai%20chat">AI Chatbots</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link header-categories__main-link--empty" href="https://themeforest.net/category/wordpress"> WP Themes </a> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-10-dropdown" href="/category/plugins"> Plugins </a> <div class="header-categories__links-dropdown js-categories-10-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=plugins">Popular Items</a> </li> <li> <a class="" href="/category/plugins/concrete5">Concrete5</a> </li> <li> <a class="" href="/category/plugins/drupal">Drupal</a> </li> <li> <a class="" href="/category/plugins/expressionengine">ExpressionEngine</a> </li> <li> <a class="" href="/category/plugins/joomla">Joomla</a> </li> <li> <a class="" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="" href="/category/plugins/muse-widgets">Muse Widgets</a> </li> <li> <a class="" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="" href="/category/plugins/ubercart">Ubercart</a> </li> <li> <a class="" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="" href="/category/plugins/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a rel="noopener" target="_blank" class="header-categories__main-link header-categories__main-link--empty header-categories__main-link--offsite_icon" href="https://placeit.net/mockup-generator?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-photos&utm_content=mockup_generator"> Mockup Generator </a> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-12-dropdown" href="/category"> More </a> <div class="header-categories__links-dropdown js-categories-12-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/category/net">.NET</a> </li> <li> <a class="" href="/category/apps">Apps</a> </li> <li> <a class="" href="/search?term=facebook&type=files">Facebook</a> </li> </ul> </div> </li> </ul> <div class="header-categories__search"> <form id="search" data-view="searchField" action="/category/all" accept-charset="UTF-8" method="get"> <div class="search-field -border-light h-ml2"> <div class="search-field__input"> <input id="term" name="term" class="js-term search-field__input-field" type="search" placeholder="Search" /> </div> <button class="search-field__button" type="submit"> <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i> </button> </div> </form></div> </div> </div> </div> </header> </div> <div class="js-canvas__body canvas__body"> <div class="grid-container"> </div> <div class="context-header "> <div class="grid-container "> <nav class="breadcrumbs h-text-truncate "> <a class="js-breadcrumb-category" href="/">Home</a> <a href='/category/all' class="js-breadcrumb-category">Files</a> <a class="js-breadcrumb-category" href="https://codecanyon.net/category/wordpress">WordPress</a><a class="js-breadcrumb-category" href="https://codecanyon.net/category/wordpress/ecommerce">eCommerce</a> <a class="js-breadcrumb-category" href="https://codecanyon.net/category/wordpress/ecommerce/woocommerce">WooCommerce</a> </nav> <div class="item-header" data-view="itemHeader"> <div class="item-header__top"> <div class="item-header__title"> <h1 class="t-heading -color-inherit -size-l h-m0 is-hidden-phone"> Filter Everything — WordPress/WooCommerce Product Filter </h1> <h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above"> Filter Everything — WordPress/WooCommerce Product Filter </h1> </div> <div class="item-header__price is-hidden-desktop"> <a class="js-item-header__cart-button e-btn--3d -color-primary -size-m" rel="nofollow" title="Add to Cart" data-view="modalAjax" href="/cart/configure_before_adding/31634508"> <span class="item-header__cart-button-icon"> <i class="e-icon -icon-cart -margin-right"></i> </span> <span class="t-heading -size-m -color-light -margin-none"> <b class="t-currency"><span class="js-item-header__price">$44</span></b> </span> </a> </div> </div> <div class="item-header__details-section"> <div class="item-header__author-details"> By <a rel="author" class="js-by-author" href="/user/stepasyuk">Stepasyuk</a> </div> <div class="item-header__sales-count"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="item-header__sales-count-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <strong>11,367</strong> sales </div> <div class="item-header__envato-highlighted"> <strong>Recently Updated</strong> <svg width="16px" height="16px" viewBox="0 0 14 14" class="item-header__envato-checkmark-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title></title> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.333252 7.00004C0.333252 3.31814 3.31802 0.333374 6.99992 0.333374C8.76803 0.333374 10.4637 1.03575 11.714 2.286C12.9642 3.53624 13.6666 5.23193 13.6666 7.00004C13.6666 10.6819 10.6818 13.6667 6.99992 13.6667C3.31802 13.6667 0.333252 10.6819 0.333252 7.00004ZM6.15326 9.23337L9.89993 5.48671C10.0227 5.35794 10.0227 5.15547 9.89993 5.02671L9.54659 4.67337C9.41698 4.54633 9.20954 4.54633 9.07993 4.67337L5.91993 7.83337L4.91993 6.84004C4.85944 6.77559 4.77498 6.73903 4.68659 6.73903C4.5982 6.73903 4.51375 6.77559 4.45326 6.84004L4.09993 7.19337C4.03682 7.25596 4.00133 7.34116 4.00133 7.43004C4.00133 7.51892 4.03682 7.60412 4.09993 7.66671L5.68659 9.23337C5.74708 9.29782 5.83154 9.33439 5.91993 9.33439C6.00832 9.33439 6.09277 9.29782 6.15326 9.23337Z" fill="#79B530"/> </svg> </div> </div> </div>  <div class="is-hidden-tablet-and-below page-tabs"> <ul> <li class="selected"><a class="js-item-navigation-item-details t-link -decoration-none" href="/item/filter-everything-wordpress-woocommerce-filter/31634508">Item Details</a></li> <li><a class="js-item-navigation-reviews t-link -decoration-none" href="/item/filter-everything-wordpress-woocommerce-filter/reviews/31634508"><span>Reviews</span><span> <div class="rating-detailed-small"> <div class="rating-detailed-small__header"> <div class="rating-detailed-small__stars"> <div class="rating-detailed-small-center__star-rating"> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> </div> 4.91 <span class="is-visually-hidden">4.91 stars</span> </div> </div> </div> </span><span class="item-navigation-reviews-comments">275</span></a></li> <li><a class="js-item-navigation-comments t-link -decoration-none" href="/item/filter-everything-wordpress-woocommerce-filter/31634508/comments"><span>Comments</span><span class="item-navigation-reviews-comments">7K</span></a></li> <li><a class="js-item-navigation-support t-link -decoration-none" href="/item/filter-everything-wordpress-woocommerce-filter/31634508/support">Support</a></li> </ul> </div>  <div class="page-tabs--dropdown" data-view="replaceItemNavsWithRemote" data-target=".js-remote"> <div class="page-tabs--dropdown__slt-custom-wlabel"> <div class="slt-custom-wlabel--page-tabs--dropdown"> <label> <span class="js-label"> Item Details </span> <span class="slt-custom-wlabel__arrow"> <i class="e-icon -icon-arrow-fill-down"></i> </span> </label> <select class="js-remote"> <option selected="selected" data-url="/item/filter-everything-wordpress-woocommerce-filter/31634508">Item Details</option> <option data-url="/item/filter-everything-wordpress-woocommerce-filter/reviews/31634508">Reviews (275)</option> <option data-url="/item/filter-everything-wordpress-woocommerce-filter/31634508/comments">Comments (7K)</option> <option data-url="/item/filter-everything-wordpress-woocommerce-filter/31634508/support">Support</option> </select> </div> </div> </div> <div class="page-tabs"> <ul class="right item-bookmarking__left-icons_hidden" data-view="bookmarkStatesLoader"> <li class="js-favorite-widget item-bookmarking__control_icons--favorite" data-item-id="31634508"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=favorite&resource_id=31634508"><span class="item-bookmarking__control--label">Add to Favorites</span></a></li> <li class="js-collection-widget item-bookmarking__control_icons--collection" data-item-id="31634508"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=collect&resource_id=31634508"><span class="item-bookmarking__control--label">Add to Collection</span></a></li> </ul> </div> </div> </div> <div class="content-main" id="content"> <div class="grid-container"> <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ window.GtmMeasurements.sendAnalyticsEvent({"eventName":"view_item","eventType":"user","ecommerce":{"currency":"USD","value":44.0,"items":[{"affiliation":"codecanyon","item_id":31634508,"item_name":"Filter Everything — WordPress/WooCommerce Product Filter","item_brand":"Stepasyuk","item_category":"wordpress","item_category2":"ecommerce","item_category3":"woocommerce","price":44.0,"quantity":1,"item_add_on":"bundle_6month","item_variant":"regular"}]}}); //]]> </script> <div> <link href="https://s3.envato.com/files/342344982/Filter_Everything_thumbnail_violet.jpg" /> <div class="content-s "> <div class="item-bookmarking__left-icons__wrapper"> <ul class="item-bookmarking__left-icons" data-view="bookmarkStatesLoader"> <li class="item-bookmarking__control_icons--favorite"> <span> <a title="Add to Favorites" data-view="modalAjax" href="/sign_in?action_name=favorite&resource_id=31634508"><span class="item-bookmarking__control--label">Add to Favorites</span></a> </span> </li> <li class="item-bookmarking__control_icons--collection"> <span> <a title="Add to Collection" data-view="modalAjax" href="/sign_in?action_name=collect&resource_id=31634508"> <span class="item-bookmarking__control--label">Add to Collection</span> </a> </span> </li> </ul> </div> <div class="box--no-padding"> <div class="item-preview live-preview-btn--blue -preview-live"> <a target="_blank" href="/item/filter-everything-wordpress-woocommerce-filter/full_screen_preview/31634508"><img alt="Filter Everything — WordPress/WooCommerce Product Filter - CodeCanyon Item for Sale" width="590" height="300" srcset="https://market-resized.envatousercontent.com/codecanyon.net/files/549409907/Envato_Head_Image_MAIN.png?auto=format&q=94&cf_fit=crop&gravity=top&h=8000&w=590&s=1162d45b01f173eb7d085cf978f1428b88061e327d61fbdc13a4690fa7990ed2 590w, https://market-resized.envatousercontent.com/codecanyon.net/files/549409907/Envato_Head_Image_MAIN.png?auto=format&q=94&cf_fit=crop&gravity=top&h=6780&w=500&s=9346a7a76b9d5f5c71c7c8e740da24289e0865c1acb5534a27a3f75633d8fbc7 500w, https://market-resized.envatousercontent.com/codecanyon.net/files/549409907/Envato_Head_Image_MAIN.png?auto=format&q=94&cf_fit=crop&gravity=top&h=5424&w=400&s=a6262cc2725d8d7df78a39d3915c800ec53739aa85e834cb5345a0ff602485b7 400w, https://market-resized.envatousercontent.com/codecanyon.net/files/549409907/Envato_Head_Image_MAIN.png?auto=format&q=94&cf_fit=crop&gravity=top&h=4068&w=300&s=c0f72dd80c5ab95893c6c50f80324009206206ed6eae7de02cb6cfe75fc7181f 300w" sizes="(min-width: 1024px) 590px, (min-width: 1px) 100vw, 600px" src="https://market-resized.envatousercontent.com/codecanyon.net/files/549409907/Envato_Head_Image_MAIN.png?auto=format&q=94&cf_fit=crop&gravity=top&h=8000&w=590&s=1162d45b01f173eb7d085cf978f1428b88061e327d61fbdc13a4690fa7990ed2" /></a> <div class="js- item-preview-image__gallery" data-title="Filter Everything — WordPress/WooCommerce Product Filter - CodeCanyon Item for Sale Screenshots Gallery" data-url="filter-everything-wordpress-woocommerce-filter/screenshots/modal/31634508"> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/1_Filters_Women_Clothing_White.jpg">Filter_Everything_screenshots_JPEGs/1_Filters_Women_Clothing_White.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/2_Filters_Smartphones_White.jpg">Filter_Everything_screenshots_JPEGs/2_Filters_Smartphones_White.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/3_Admin_Filter_Sets.jpg">Filter_Everything_screenshots_JPEGs/3_Admin_Filter_Sets.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/4_Configured_Filter_Set.jpg">Filter_Everything_screenshots_JPEGs/4_Configured_Filter_Set.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/5_Add_new_filter_screen.jpg">Filter_Everything_screenshots_JPEGs/5_Add_new_filter_screen.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/6_Filter_opened.jpg">Filter_Everything_screenshots_JPEGs/6_Filter_opened.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/7_Full_List_Of_Filter_SEttings.jpg">Filter_Everything_screenshots_JPEGs/7_Full_List_Of_Filter_SEttings.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/8_SEO_Rules.jpg">Filter_Everything_screenshots_JPEGs/8_SEO_Rules.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/9_Edit_SEO_Rule.jpg">Filter_Everything_screenshots_JPEGs/9_Edit_SEO_Rule.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/Common_Settings.jpg">Filter_Everything_screenshots_JPEGs/Common_Settings.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/344031458/Filter_Everything_screenshots_JPEGs/URL_Prefixes.jpg">Filter_Everything_screenshots_JPEGs/URL_Prefixes.jpg</a> </div> <div class="item-preview__actions"> <div id="fullscreen" class="item-preview__preview-buttons"> <a href="/item/filter-everything-wordpress-woocommerce-filter/full_screen_preview/31634508" role="button" class="btn-icon live-preview" target="_blank" rel="noopener nofollow" > Live Preview </a> <a data-view="screenshotGallery" href="/item/filter-everything-wordpress-woocommerce-filter/screenshots/31634508" role="button" class="btn-icon screenshots" target="_blank" rel="noopener" > Screenshots </a> </div> </div> </div> </div> <div data-view="toggleItemDescription"> <div class="js-item-togglable-content"> <div class="js-item-description item-description"> <div class="user-html user-html__with-lazy-load"><blockquote><strong>Filter Everything PRO — WordPress plugin that completely solves the problem of filtering on your site. With WooCommerce or without it.</strong></blockquote> <h2 id="item-description__what-the-best-filter-plugin-should-be-able-to-do"><strong>What the best Filter plugin should be able to do?</strong></h2> <ol> <li>To filter by any possible criteria. <a href="https://codecanyon.net/item/filter-everything-wordpress-woocommerce-filter/31634508#item-description__-filters-by-any-wordpress-parameters">Please, see details ↓</a> </li> <li>To filter any content – products, posts, cars, houses, recipes, games etc</li> <li>Support any kind of filter views (checkboxes, radio buttons, labels list, dropdowns, range) </li> <li>To be ready for use on mobile devices</li> <li>To work fast and support AJAX</li> <li>To be compatible with WordPress themes and popular plugins (ACF, WPML etc)</li> </ol> <p>All of this is supported by the Filter Everything PRO!</p> <h2 id="item-description__moreover-it-also"><strong>Moreover it also</strong></h2> <ul> <li>filters on any pages including created with Page builders</li> <li>allows you to sort filtered results by any criteria</li> <li>allows you to get Search Engine traffic automatically on filtering result pages</li> <li>supports pretty URLs like <a href="https://demo.filtereverything.pro/product-category/electronics/smartphones/color-blue/brand-apple/" rel="nofollow">/color-blue/brand-apple/</a> </li> <li>supports smart filtering by Woo product variations</li> <li>works in “<a href="https://demo.filtereverything.pro/apply-button/" rel="nofollow">Apply button</a>” and “<a href="https://demo.filtereverything.pro/product-category/electronics/laptops/" rel="nofollow">Autosubmit</a>” modes</li> <li>... and others — see <a href="https://codecanyon.net/item/filter-everything-wordpress-woocommerce-filter/31634508#item-description__key-features">full key features list ↓</a> below.</li> </ul> <h3 id="item-description__watch-the-video-review-from-wptuts"><strong>Watch the video review from WPTuts</strong></h3> <p><strong>Filter Everything — Best WooCommerce Filter Plugin?</strong><br>Review of the <a href="https://wordpress.org/plugins/filter-everything/" rel="nofollow">free limited version</a> available on WordPress.org</p> <a href="https://www.youtube.com/watch?v=g1_qlJvNdsg" rel="nofollow"><span data-src="https://camo.envatousercontent.com/8f4491d3342f5df260496e1d3028ad83ad1156f6/68747470733a2f2f64656d6f2e66696c74657265766572797468696e672e70726f2f7770747574735f7265766965775f796f75747562652e6a7067" data-alt="Filter Everything - WooCommerce Product Filter video review" class="lazy-load-img"></span></a> <p> </p> <p><span data-src="https://camo.envatousercontent.com/41fc42b8a79a41db9319e600092f372ac6f25237/68747470733a2f2f64656d6f2e66696c74657265766572797468696e672e70726f2f456e7661746f5f6465736372697074696f6e5f746f705f32383130323032312e6a7067" data-alt="Filter Everything - WooCommerce Product Filter description part 1" class="lazy-load-img"></span><span data-src="https://camo.envatousercontent.com/85ed781ee61a71edb7611a95be2e9f5c4fbec62c/68747470733a2f2f64656d6f2e66696c74657265766572797468696e672e70726f2f456e7661746f5f6465736372697074696f6e5f626f74746f6d5f32383130323032312e6a7067" data-alt="Filter Everything - WooCommerce Product Filter description part 2" class="lazy-load-img"></span> </p> <h3 id="item-description__websites-that-already-use-the-filter-everything-pro"><strong>WEBSITES THAT ALREADY USE The Filter Everything PRO</strong></h3> <ol> <li><a href="https://demo.filtereverything.pro/product-category/clothing/women/color-red/c-kind-dress/?max_price=250" rel="nofollow">Demo Filter Everything</a></li> <li><a href="https://spieleratgeber-nrw.de/spiele/genre-adventure/weitere-spiele-tipps/plattform-steam/" rel="nofollow">Games collection</a></li> <li> <a href="https://www.pharmacy128.gr/product-category/gynaika/?max__price=160" rel="nofollow">Pharmacy store</a> (14K products)</li> <li> <a href="https://www.mathema.me/tutors/" rel="nofollow">Tutors list</a> (Horizontal view)</li> <li><a href="https://hudaklima.si/trgovina/kat-klimatske-naprave/energijski-razred-gretja-a-2/vrsta-klimatske-naprave-hlajenje-ogrevanje/" rel="nofollow">Air conditioning store</a></li> <li><a href="https://chaneysjewelry.com/shop/category-fine-jewelry-rings/metalstamp-925-sterling-and-18k/" rel="nofollow">Jewelry shop</a></li> <li><a href="https://www.werkplekmeubilair.nl/werkplekken/select-framekleur-wit/select-opstelling-enkel-bureau-or-hoekbureau/" rel="nofollow">Furniture store</a></li> <li><a href="https://vakantiehuisspeurder.nl/accommodaties/?min_aantal-personen=3&max_aantal-personen=77" rel="nofollow">Real estate rental</a></li> <li><a href="https://habbofurni.xyz/rares/furni-col-dragon/?srch=lampe" rel="nofollow">Customization example</a></li> <li><strong>Your site?</strong></li> </ol> <h2 id="item-description__have-a-question"><strong>HAVE A QUESTION?</strong></h2> <p>Please, <a href="https://codecanyon.net/item/filter-everything-wordpress-woocommerce-filter/31634508/comments">ask before buying →</a></p> <h2 id="item-description__plugin-key-features"><strong>PLUGIN KEY FEATURES</strong></h2> <h3 id="item-description__-filters-any-wordpress-post-type"><strong>✔ Filters Any WordPress Post type</strong></h3> <p>WooCommerce products, posts, recipes (but not WP Recipe maker yet), cars, real estate objects and so on.</p> <h3 id="item-description__-works-on-any-wordpress-page"><strong>✔ Works on Any WordPress Page</strong></h3> <p>Includnig singular pages created with Page builders like Elementor, Divi builder, Themify, WPBakery, Visual Composer, Oxygen builder, Beaver builder etc</p> <h3 id="item-description__-supports-custom-wp-queries"><strong>✔ Supports custom WP Queries</strong></h3> <p>You can filter posts related with Any WP Query on a page. Including custom WordPress loops placed directly in theme files.</p> <h3 id="item-description__-filters-by-any-wordpress-parameters"><strong>✔ Filters by Any WordPress parameters</strong></h3> <p>Well for example:</p> <ol> <li> <a href="https://demo.filtereverything.pro/example/by-price/?utm_source=codecanyon" rel="nofollow">Price</a>, <a href="https://demo.filtereverything.pro/example/by-sale-price/?utm_source=codecanyon" rel="nofollow">Sale price</a> or any numeric value from Custom Fields.</li> <li><a href="https://demo.filtereverything.pro/example/by-rating/?utm_source=codecanyon" rel="nofollow">Product rating</a></li> <li>Product Category, Tag or Any custom Product Taxonomy </li> <li>Any product Attribute: size, color, <a href="https://demo.filtereverything.pro/example/by-length-width-height/?utm_source=codecanyon" rel="nofollow">length, width, weight</a> etc</li> <li>All Product statuses: <a href="https://demo.filtereverything.pro/example/by-sale/?utm_source=codecanyon" rel="nofollow">On Sale</a>, <a href="https://demo.filtereverything.pro/example/by-stock/?utm_source=codecanyon" rel="nofollow">In Stock</a>, <a href="https://demo.filtereverything.pro/example/by-downloadable/?utm_source=codecanyon" rel="nofollow">Downloadable</a>, <a href="https://demo.filtereverything.pro/example/by-backorders/?utm_source=codecanyon" rel="nofollow">Backordered</a>, <a href="https://demo.filtereverything.pro/example/by-featured/?utm_source=codecanyon" rel="nofollow">Featured</a> etc</li> <li> <a href="https://demo.filtereverything.pro/example/by-type/?utm_source=codecanyon" rel="nofollow">Product Type</a>: Variable, Simple, Grouped, External</li> <li><a href="https://demo.filtereverything.pro/example/by-shipping/?utm_source=codecanyon" rel="nofollow">Shipping class</a></li> <li>Product Visibility</li> <li>Product Brand</li> <li> <a href="https://demo.filtereverything.pro/posts/?date_from=2016-12-20t15.29.13&date_to=2018-01-18t07.04.11&utm_source=codecanyon" rel="nofollow">Post date</a> or even time</li> <li><a href="https://demo.filtereverything.pro/example/by-author/?utm_source=codecanyon" rel="nofollow">Author</a></li> <li>Any custom WordPress Taxonomy</li> <li>Featured image (exists/not exists)</li> <li>Product/Post Views count</li> <li>Cooking time</li> <li>Calories</li> <li>...</li> <li><strong>Anything you can imagine and put into Taxonomy or Custom Field in WordPress.</strong></li> </ol> <h3 id="item-description__-compatible-with-page-builders"><strong>✔ Compatible with Page Builders</strong></h3> <p>Tested with Elementor, Divi builder, Themify builder, WP Bakery composer, Oxygen builder, Beaver builder, JetEngine and others</p> <h3 id="item-description__-clean-pretty-urls-and-permalinks"><strong>✔ Clean, pretty URLs and Permalinks</strong></h3> <p>For filtering results pages. This allow index them by Search Engines, share, bookmark or so <span data-src="https://camo.envatousercontent.com/59153b1dd0dbd826f92f8a4357a85ad354594751/68747470733a2f2f64656d6f2e66696c74657265766572797468696e672e70726f2f436c65616e5f55524c732e6a7067" data-alt="Filter Everything - WooCommerce Product Filter clean URLs example" class="lazy-load-img"></span></p> <h3 id="item-description__-arbitrary-filters-order-in-url"><strong>✔ Arbitrary filters order in URL</strong></h3> <p>E.g. <strong><a href="/color-blue/size-large/" rel="nofollow">/color-blue/size-large/</a></strong> or <strong><a href="/size-large/color-blue/" rel="nofollow">/size-large/color-blue/</a></strong></p> <h3 id="item-description__-built-in-search-field"><strong>✔ Built-in Search Field</strong></h3> <p>That allows you to search in filtered posts fields such as Post content, Post title, Posts excerpt and SKU in Woo products.<br>Please, see <a href="https://demo.filtereverything.pro/search-and-filter/" rel="nofollow">demo example →</a></p> <h3 id="item-description__-step-by-step-filtering"><strong>✔ Step-by-Step filtering</strong></h3> <p>Allows you to load specific Filter terms in dependency from selection of another Filter</p> <h3 id="item-description__-filters-woocommerce-products-smart-filtering-by-variatons"><strong>✔ Filters WooCommerce products + Smart filtering by variatons</strong></h3> <h3 id="item-description__-own-sorting-dropdown-with-unlimited-sorting-options"><strong>✔ Own Sorting dropdown with unlimited sorting options</strong></h3> <h3 id="item-description__-individual-filters-sets-for-pages-or-archives"><strong>✔ Individual Filters Sets for pages or archives</strong></h3> <p>Allows you to create specific filters for different Categories, Tags or any other pages. Thus, you can filter products or posts by relevant parameters only. <span data-src="https://camo.envatousercontent.com/baf4d29a9adff2f365ed52a26e5fb41733e54bc0/68747470733a2f2f64656d6f2e66696c74657265766572797468696e672e70726f2f46696c7465725f536574732e6a7067" data-alt="Filter Everything - WooCommerce Product Filter admin screen" class="lazy-load-img"></span></p> <h3 id="item-description__-supports-filtering-values-in-any-languages"><strong>✔ Supports filtering values in any languages</strong></h3> <p>Among them <a href="https://demo.filtereverything.pro/example/acf/checkbox-%D7%A9%D6%B0%D7%81%D7%9C%D7%95%D6%B9%D7%A9%D6%B8%D7%81%D7%94-or-%D8%A7%D8%AB%D9%86%D9%8A%D9%86-or-%E0%A4%9A%E0%A4%BE%E0%A4%B0-or-%E4%B8%AD%E6%96%87%E5%96%AE%E5%AD%97%E7%9A%84%E4%BE%8B%E5%AD%90/" rel="nofollow">Chinese, Arabic, Hebrew, Hindi</a> etc</p> <h3 id="item-description__-make-specific-filtering-pages-available-for-indexing"><strong>✔ Make specific filtering pages <a href="https://demo.filtereverything.pro/product-category/electronics/smartphones/brand-apple/volume-64-gb/" rel="nofollow">available for indexing</a>.</strong></h3> <p>By Search Engines and get more visitors to your site by “chunky middle” and “long-tail” keywords. <span data-src="https://camo.envatousercontent.com/d9b3d4b2154a04ca68875bd659b8c4a7cb8d2b20/68747470733a2f2f64656d6f2e66696c74657265766572797468696e672e70726f2f476f6f676c655f6578616d706c652e6a7067" data-alt="Filter Everything - WooCommerce Product Filter Google snippet example" class="lazy-load-img"></span></p> <h3 id="item-description__-individual-seo-titles-h1-titles-and-meta-descriptions"><strong>✔ Individual SEO titles, H1 titles and Meta descriptions</strong></h3> <p>For filtering pages <span data-src="https://camo.envatousercontent.com/2ffeac9bf4d633efafc1eae8106bab5306972454/68747470733a2f2f64656d6f2e66696c74657265766572797468696e672e70726f2f496e646976696475616c5f48312e6a7067" data-alt="Filter Everything - WooCommerce Product Filter individual H1 titles" class="lazy-load-img"></span></p> <h3 id="item-description__-seo-rules"><strong>✔ SEO Rules</strong></h3> <p>That allow you to automatically generate H1 title, SEO title and Meta description for filtering pages. <span data-src="https://camo.envatousercontent.com/6aeebb71a7c9eb55106f877f8e2f4997413c22f8/68747470733a2f2f64656d6f2e66696c74657265766572797468696e672e70726f2f53454f5f52756c652e6a7067" data-alt="Filter Everything - WooCommerce Product Filter SEO Rule edit screen" class="lazy-load-img"></span></p> <h3 id="item-description__-compatible-with-any-theme-design"><strong>✔ Compatible with any theme design</strong></h3> <p>Just select the filter’s primary color. <span data-src="https://camo.envatousercontent.com/d09194686b7e3ef730bf4f7f368c75b5ce48f8b2/68747470733a2f2f64656d6f2e66696c74657265766572797468696e672e70726f2f4f6e655f436c69636b5f536b696e2e6a7067" data-alt="Filter Everything - WooCommerce Product Filter skins" class="lazy-load-img"></span> </p> <h3 id="item-description__horizontal-or-vertical-layout"><strong><a href="https://demo.filtereverything.pro/horizontal-views/" rel="nofollow">Horizontal</a> or Vertical layout.</strong></h3> <p>With ability to set from 2 to 5 columns</p> <h3 id="item-description__color-swatches-and-brand-logos"><strong>Color Swatches and Brand logos</strong></h3> <p>Use images and colors to make filtering more visual.</p> <h3 id="item-description__smart-scroll"><strong>Smart Scroll</strong></h3> <p>Automatic scrolling to the top of the page, if all found products fit on a single page.</p> <h3 id="item-description__filters-search-results"><strong>Filters search results</strong></h3> <p>Refine your WordPress search with the Filter Everything plugin</p> <h3 id="item-description__compatible-with-caching-plugins"><strong>Compatible with caching plugins</strong></h3> <h2 id="item-description__compatible-with-popular-plugins">COMPATIBLE WITH POPULAR PLUGINS</h2> <ul> <li>Tested with page builders: Elementor, Divi theme and builder, Themify builder, WPBakery, Visual Composer, Oxygen builder. Should be compatible with all other page builders.</li> <li>Tested and compatible with WPML plugin.</li> <li>Tested with SEO plugins: Yoast SEO, All in One SEO, Rank Math SEO, The SEO Framework, SEOPress and Squirrly SEO.</li> <li>Tested and compatible with multi-currency plugins WOOCS and CURCY</li> </ul> <h2 id="item-description__multi-license-is-available">MULTI-LICENSE IS AVAILABLE</h2> <p>Please, <a href="https://codecanyon.net/user/stepasyuk">write me PM</a> to get more info about multi-license.</p> <h2 id="item-description__options-list">OPTIONS LIST</h2> <h3 id="item-description__filter-options"><strong>Filter options</strong></h3> <ul> <li>Filtering criteria</li> <li>Filter label</li> <li>URL prefix for filter</li> <li>Meta key (for filters by Custom Field)</li> <li>View [Checkboxes|Radio buttons|Labels list|Dropdown|Range]</li> <li>Filter logic [AND|OR]</li> <li>Sort terms by [Term name|Post count|Term ID]</li> <li>Include/Exclude terms</li> <li>Folding [Enabled|Disabled]</li> <li>Use for Variations</li> <li>Show Hierarchy (for hierarchical taxonomies)</li> <li>Terms Search field (to search among terms)</li> <li>Parent filter</li> <li>Hide until Parent selected</li> <li>Enable range slider? [Enabled|Disabled]</li> <li>Slider Step (numeric value)</li> <li>Tooltip</li> <li>More/Less [Enabled|Disabled]</li> <li>Show selected [Enabled|Disabled]</li> </ul> <h3 id="item-description__filter-set-options"><strong>Filter Set options</strong></h3> <ul> <li>Where to filter? (Location – any page, where the Filter Set should work)</li> <li>What to filter? (WP Query that should be filtered)</li> <li>Empty terms [Never hide|Always hide|Hide in the initial Filter only]</li> <li>Show count</li> <li>Hide empty Filters</li> <li>Individual CSS ID or Class of Posts Container</li> <li>Search Field (to search among filtered posts)</li> <li>«Apply Button» mode</li> <li>Apply button label</li> <li>Reset button label</li> <li>Alternative Location (redirect to results from another page)</li> <li>Priority – for pages with two or more Filter Sets</li> </ul> <h3 id="item-description__seo-rules-options"><strong>SEO Rules options</strong></h3> <ul> <li>Post type</li> <li>Filters combination (Archive page + Filters)</li> <li>SEO title</li> <li>Meta description</li> <li>H1 Title</li> <li>SEO Description (SEO text for specific filtering page)</li> </ul> <h3 id="item-description__settings-most-important"><strong>Settings (most important)</strong></h3> <ul> <li>URL prefixes – order and values</li> <li>Indexed Filters</li> <li>Mobile devices settings</li> <li>AJAX settings</li> <li>Color scheme</li> <li>Use Color Swatches</li> <li>Smart scroll</li> <li>Layout and behavior customizations</li> </ul> <h3 id="item-description__translations"><strong>Translations</strong></h3> <p>There is *.pot file inside the plugin that allows you to translate it in any language. You can do it with Loco translate plugin or with Poedit desktop software. Currently it contains full translations in: </p><ul> <li>Ukrainian</li> <li>Czech (thanks to <a href="https://www.kapler.cz/" rel="nofollow">Tomáš Kapler</a> )</li> <li>German (thanks to <a href="https://codecanyon.net/user/microteq">microteq</a>)</li> <li>French</li> <li>Italian</li> <li>Dutch</li> <li>Polish</li> <li>and in Spanish</li> </ul> Russian translation was removed from the plugin because of russia’s aggressive war in Ukraine. <h3 id="item-description__advanced-custom-fields-acf-support"><strong>Advanced Custom Fields (ACF) support</strong></h3> <p>Field types supported and tested for the moment. <a href="https://demo.filtereverything.pro/example/acf/" rel="nofollow">See example</a></p> <ul> <li>Checkbox</li> <li>Radio</li> <li>Select</li> <li>Number</li> <li>True/False</li> </ul> <h2 id="item-description__installation-and-creating-filters">INSTALLATION AND CREATING FILTERS</h2> <p>Please watch this video to understand how to install the plugin and create the first filters.</p> <p><a href="https://www.youtube.com/watch?v=ko9zqeYz7n8" rel="nofollow"><span data-src="https://camo.envatousercontent.com/1af74a5cbc3b41f63de23bff0743f2ec1e0ef248/68747470733a2f2f64656d6f2e66696c74657265766572797468696e672e70726f2f46696c74657245766572797468696e675f796f75747562655f656e7661746f2e6a7067" data-alt="Filter Everything PRO - installation, creating filters and setting up" class="lazy-load-img"></span></a></p> <p>You can find more information in the <a href="https://filtereverything.pro/resources/" rel="nofollow">documentation</a></p> <h2 id="item-description__plugin-mission">PLUGIN MISSION</h2> <p>The main goal of developing the Filter Everything plugin was to create a professional and ultimate filtering tool for WordPress, which would satisfy the requirements of both – site visitors and site administrators as well as SEO specialists.</p><p>That is why when developing the plugin, I researched and took into account the experience of the <strong>most popular online stores in the world</strong> and implemented it in WordPress. We also talked a lot with the SEO specialists during entire process.</p> <h2 id="item-description__development-plans-for-february-2024">DEVELOPMENT PLANS FOR FEBRUARY 2024</h2> <ol> <li>XML sitemap for indexed filtering result pages <strong>IN PROGRESS</strong> </li> <li>Minor improvements</li> </ol> <h2 id="item-description__new-in-the-last-update-v1-8-9-from-21-january-2024">NEW IN THE LAST UPDATE v1.8.9 from 21 January 2024</h2> <ol> <li>Dev – Added compatibility with pagination in Query Loop block</li> <li>Dev – Added ability to make Color swatches rounded</li> <li>Fix – Added fix for the LiveCanvas page builder that uses … in query vars</li> <li>Fix – Small CSS fixes for range slider, widget element margins.</li> <li>Fix – Fixed bug in JS code for the mobile widget button counter ((18)) issue</li> <li>Fix – Fixed bug related with Woodmart theme and nested meta queries</li> <li>Fix – Fixed bug with empty Parent filter label</li> <li>Fix – Fixed bug with Elementor and Seo Description</li> <li>Fix – Fixed bug with Elementor pagination e.g. “e-page-5dabfd1=2”</li> <li>Full list you can find in the <a href="https://demo.filtereverything.pro/changelog.txt" rel="nofollow">changelog.txt</a> </li> </ol> <h2 id="item-description__changelog">CHANGELOG</h2> <pre> = 1.8.9 = *Release Date - 20 January 2025* * Dev - Added ability to make Color swatches rounded * Fix - Added fix for the LiveCanvas page builder that uses … in query vars * Fix - Small CSS fixes for range slider, widget element margins. * Fix - Fixed bug in JS code for the mobile widget button counter ((18)) issue * Fix - Fixed bug related with Woodmart theme and nested meta queries * Fix - Fixed bug with empty Parent filter label * Fix - Fixed bug with Elementor and Seo Description * Fix - Fixed bug with Elementor pagination e.g. "e-page-5dabfd1=2" = 1.8.8 = *Release Date - 07 November 2024* * Fix - Fixed bug with sorting method * Tweak - Added attribute all="true" for the [fe_posts_found] shortcode that counts all posts for all Filter Sets on a page = 1.8.7 = *Release Date - 29 October 2024* * Dev - Added compatibility with pagination in Query Loop block * Tweak - Added hook to the canonical tag to allow to handle it on the filtering result pages with noindex status * Tweak - Added hook 'wpc_swatch_image_size' * Fix - Fixed issues with Select2 dropdowns after WooCommerce update to the > 9.0.0 * Fix - Fixed style issues with the Avada theme * Fix - Fixed issue with new plugin version details at the plugins screen in the admin dashboard * Fix - Fixed compatibility with the Load more button/Infinite scroll in Elementor * Fix - Fixed bug with sorting terms = 1.8.6 = *Release Date - 18 July 2024* * Dev - Added ability to translate SEO Rules with Polylang * Fix - Fixed compatibility issue with Polylang plugin * Fix - Fixed the ability to rewrite functions wrapped with function_exists() * Fix - Fixed small issue with terms order equal to the order in ACF field * Fix - Fixed issue with text search through filtered posts and apostrophe character * Tweak - Added hooks 'wpc_taxonomy_location_terms', 'wpc_post_type_location_terms', 'wpc_author_location_terms' = 1.8.5 = *Release Date - 15 May 2024* * Dev - Added "Labels for Chips" option to configure chip labels * Dev - Added "Dropdown Label" option * Tweak - The "Show in Chips" option was hidden due to lack of demand * Tweak - Now default terms order in a Custom Field is the same as in ACF field * Tweak - If ACF field terms have labels, they displays in the Filters widget instead of values * Fix - Fixed issue with WPML and Homepage in different languages = 1.8.4 = *Release Date - 08 April 2024* * Dev - Tested and improved compatibility with WordPress 6.5 * Fix - Fixed issue with Filter Set for a post page * Fix - Fixed issue with preview products in draft status and PHP > 8.2 * Fix - Fixed JS error occurred on type in the Search field input * Fix - Issue with incorrect attribute 'for' in the Filters Widget title label = 1.8.3 = *Release Date - 14 February 2024* * Dev - Increased plugin performance and made faster it up to 10 times * Fix - Added compatibility with PHP > 8.1, removed FILTER_SANITIZE_STRING error * Fix - Fixed bug with Date view available by default in a filter * Fix - Fixed the issue with products with empty '_sale_price' meta values and wrong On sale counters * Fix - Fixed issue with a parent filter, when current WordPress term archive page is selected term in the parent filter * Fix - Fixed bug when the only Search Field presents in a Filter Set * Fix - Fixed issues with Polylang plugin when language functions are not defined * Fix - Fixed issue with double click on the Apply Button after using the Search Field * Fix - Set correct permissions for the /assets dir * Tweak - Added hook 'wpc_plugin_user_caps' to allow to modify user roles that can use the plugin * Tweak - Made AJAX loading circle thinner = 1.8.2 = *Release Date - 10 January 2024* * Fix - Fixed issue with GET-style parameters in filter URLs after 1.8.0 update = 1.8.1 = *Release Date - 10 January 2024* * Fix - Fixed warning message on the login screen * Fix - Fixed issue with resetting filters cache = 1.8.0 = *Release Date - 08 January 2024* * Dev - Added new filter type by Post Date * Tweak - Made Numeric Range filters collapsible * Fix - Renamed 'wpc_clean' function to 'flrt_clean' to avoid conflicts = 1.7.16 = *Release Date - 14 December 2023* * Dev - Added support for Dokan store pages * Dev - Added Experimental option that hides variable products with out of stock variations * Tweak - Improved search field and added variations to search by SKU * Tweak - Added global variable $flrt_plugin to access the class * Tweak - Added ability to create translations for "Any %entity%" Filter Set type * Fix - Fixed the issue with double SEO titles and SEO Rules entities on block themes * Fix - Fixed issue with term_taxonomy_id and taxonomy filter counters * Fix - Fixed Select2 CSS conflict in Woocommerce admin forms = 1.7.15 = *Release Date - 01 August 2023* * Dev - Added Spanish translation * Dev - Tested compatibility with WordPress 6.3 * Fix - Added 301 redirect to canonical URL with (or without) correct user trailing slash on filtering pages * Fix - Added hook 'wpc_do_filter_request' to the collectFilteredPostsIds(); method to fix term counter * Fix - Fixed hover "checked" effect for Color swatches on mobile devices * Fix - Improved On Sale and Regular price translations for On Sale filter * Tweak - Added hook 'wpc_set_min_max' to modify the $min_and_max array * Tweak - Sorted Filter and SEO Rule terms alphabetically for greater convenience = 1.7.14 = *Release Date - 19 June 2023* * Tweak - Added the "How to?" Meta box on the Filter Set edit screen for quick help with popular questions * Tweak - Added German translation. Thanks to Daniel (microteq) * Fix - Hotfix for the 'MetaBoxes::adviceMetabox() cannot be called statically' error = 1.7.11 = *Release Date - 31 May 2023* * Fix - Fixed missing styles on Color swatches and logos edit pages in dashboard * Fix - Fixed location for the Apply button, when Filter Set is directed to All archive pages/Any taxonomy,post,author * Fix - Fixed bug when the Apply button does not appear on frontend in the latest position of the Filter Set * Fix - Fixed bug with negative numbers for Numeric filters * Fix - Fixed bug with 404 errors, when Filter Set was in Trash and there were filters without Filter Set in DB * Fix - Fixed bug with JS alert for mobile Pop-up widget when AJAX is disabled * Tweak - Replaced /page/ with $wp_query->pagination_base in permalinks = 1.7.8 = *Release Date - 08 May 2023* * Dev - Added Search field in the Filters widget. It is compatible with filtered posts, supports AJAX and allows to search by SKU among Woo products * Dev - Added ability to direct Filter Set to all singular pages (Any page) * Fix - Fixed compatibility issue for Bricks Builder and Filter Set for "Any taxonomy" * Fix - Improved CURL outer request to avoid 10 seconds freezing in /wp-admin when the request is failed * Fix - Fixed fatal error in FiltersWidget.php(32): extract() * Tweak - Added filter get terms hooks to allow to select terms from external tables * Tweak - Added hook 'widget_title' for all widget titles * Tweak - Added hook 'wpc_do_filter_request' to handle every filter action for wp_query * Tweak - Added hooks 'wpc_all_set_wp_queried_posts' and 'wpc_variations_meta_query' * Tweak - Added notice, when "CSS id or class of the Posts Container" configured wrong = 1.7.6 = *Release Date - 14 March 2023* * Dev - Added [fe_posts_found] shortcode to display filtered posts number * Fix - Fixed bug with "+" symbol in ACF fields * Fix - Fixed compatibility related with post types for the latest Polylang Pro * Tweak - Optimized main CSS file * Tweak - Disabled including assets on pages does not related with filters * Tweak - Improved frontend for the RTL version * Tweak - Removed Uncategorized from Category pages list * Tweak - Improved filter templates. Overridden templates should be updated = 1.7.5 = *Release Date - 03 February 2023* * Tweak - Added columns parameter to the [fe_widget] shortcode * Fix - Fixed notice about Undefined array key "cols_count" = 1.7.4 = *Release Date - 31 January 2023* * Dev - Added checkbox "Horizontal layout" for the Filters widget and option with columns number * Tweak - Improved compatibility with PHP > 8.0 * Fix - Fixed CSS bug with Show more/Show less and Search field * Fix - Fixed bug with Chips that sometimes disappeared with enabled AJAX feature * Fix - Fixed identifyWpQueriedObject(); method to be more compatible with WPML on singular pages </pre> <p>Full changelog you can find <a href="https://demo.filtereverything.pro/changelog.txt" rel="nofollow">here</a></p></div> </div> <div class="js-item-description-toggle item-description-toggle"> <a class="item-description-toggle__link is-hidden" href="#"> <span>Show More <i class="e-icon -icon-chevron-down"></i></span> <span class="item-description-toggle__less">Show Less <i class="e-icon -icon-chevron-down -rotate-180"></i></span> </a> </div> </div> </div> <section data-view="recommendedItems" data-url="/item/filter-everything-wordpress-woocommerce-filter/31634508/recommended_items" id="recommended_items"> </section> <div data-view="itemPageScrollEvents"></div> </div> <div class="sidebar-l sidebar-right"> <div class="pricebox-container"> <div class="purchase-panel"> <div id="purchase-form" class="purchase-form"> <form data-view="purchaseForm" data-analytics-has-custom-click="true" data-analytics-click-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":44.0,"items":[{"affiliation":"codecanyon","item_id":31634508,"item_name":"Filter Everything — WordPress/WooCommerce Product Filter","item_brand":"Stepasyuk","item_category":"wordpress","item_category2":"ecommerce","item_category3":"woocommerce","price":"44","quantity":1}]}}" action="/cart/add/31634508" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HvI5AggHiy_j9fPGh2TDk9ZC4q9WsIpR-YZSNXR6RJupX2-yjeamE-kyb3DRGSsDgEI102qhHFXZhiZvctZPmw" autocomplete="off" /> <div> <div data-view="itemVariantSelector" data-id="31634508" data-cookiebot-enabled="true"> <div class="purchase-form__selection"> <span class="purchase-form__license-type"> <span data-view="flyout" class="flyout"> <span class="js-license-selector__chosen-license purchase-form__license-dropdown">Regular License</span> <div class="js-flyout__body flyout__body -padding-side-removed"> <span class="js-flyout__triangle flyout__triangle"></span> <div class="license-selector" data-view="licenseSelector"> <div class="js-license-selector__item license-selector__item" data-license="regular" data-name="Regular License"> <div class="license-selector__license-type"> <span class="t-heading -size-xxs">Regular License</span> <span class="js-license-selector__selected-label e-text-label -color-green -size-s " data-license="regular">Selected</span> </div> <div class="license-selector__price"> <span class="t-heading -size-m h-m0"> <b class="t-currency"><span class="">$44</span></b> </span> </div> <div class="license-selector__description"> <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users <strong>are not</strong> charged for. The total price includes the item price and a buyer fee.</p> </div> </div> <div class="js-license-selector__item license-selector__item" data-license="extended" data-name="Extended License"> <div class="license-selector__license-type"> <span class="t-heading -size-xxs">Extended License</span> <span class="js-license-selector__selected-label e-text-label -color-green -size-s is-hidden" data-license="extended">Selected</span> </div> <div class="license-selector__price"> <span class="t-heading -size-m h-m0"> <b class="t-currency"><span class="">$144</span></b> </span> </div> <div class="license-selector__description"> <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users <strong>can be</strong> charged for. The total price includes the item price and a buyer fee.</p> </div> </div> </div> <div class="flyout__link"> <p class="t-body -size-m h-m0"> <a class="t-link -decoration-reversed" target="_blank" href="https://codecanyon.net/licenses/standard">View license details</a> </p> </div> </div> </span> <select class="f-select js-purchase-license-selector is-hidden--js" name="license"> <option value="regular" selected="selected" data-license="regular" data-license-default="true">Regular License</option> <option value="extended" data-license="extended" data-license-default="false">Extended License</option> </select> </span> <div class="js-purchase-heading purchase-form__price t-heading -size-xxl "> <b class="t-currency"><span class="js-purchase-price">$44</span></b> </div> </div> <div class="purchase-form__license js-purchase-license is-active" data-license="regular"> <price class="js-purchase-license-prices" data-price-prepaid="$44" data-license="regular" data-price-prepaid-upgrade="$58.63" data-support-upgrade-price="$14.63" data-support-upgrade-saving="$19" data-support-extension-price="$24.38" data-support-extension-saving="$9.75" data-support-renewal-price="$34.13" /> </div> <div class="purchase-form__license js-purchase-license " data-license="extended"> <price class="js-purchase-license-prices" data-price-prepaid="$144" data-license="extended" data-price-prepaid-upgrade="$188.63" data-support-upgrade-price="$44.63" data-support-upgrade-saving="$59" data-support-extension-price="$74.38" data-support-extension-saving="$29.75" data-support-renewal-price="$104.13" /> </div> <div class="purchase-form__support"> <ul class="t-icon-list -font-size-s -icon-size-s -offset-flush"> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> Quality checked by Envato </li> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> Future updates </li> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> 6 months support from <span class="purchase-form__author-name">Stepasyuk</span> <a class="t-link -decoration-reversed js-support__inclusion-link" data-view="modalAjax" href="/item_support/what_is_item_support/31634508"> <svg width="12px" height="13px" viewBox="0 0 12 13" class="" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>More Info</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5a6 6 0 1 0 12 0 6 6 0 0 0-12 0zm7.739-3.17a.849.849 0 0 1-.307.664.949.949 0 0 1-.716.273c-.273 0-.529-.102-.716-.272a.906.906 0 0 1-.307-.665c0-.256.102-.512.307-.682.187-.17.443-.273.716-.273.273 0 .528.102.716.273a.908.908 0 0 1 .307.682zm-.103 6.34-.119.46c-.34.137-.613.24-.818.307a2.5 2.5 0 0 1-.716.103c-.409 0-.733-.103-.954-.307a.953.953 0 0 1-.341-.767c0-.12 0-.256.017-.375.017-.12.05-.273.085-.426l.426-1.517a7.14 7.14 0 0 1 .103-.41c.017-.119.034-.238.034-.357a.582.582 0 0 0-.12-.41c-.085-.068-.238-.119-.46-.119-.12 0-.239.017-.34.051-.069.03-.132.047-.189.064-.042.012-.082.024-.119.038l.12-.46c.234-.102.468-.18.69-.253l.11-.037c.24-.085.478-.119.734-.119.409 0 .733.102.954.307.222.187.341.477.341.784 0 .068 0 .187-.017.34v.003a2.173 2.173 0 0 1-.085.458l-.427 1.534-.102.41v.002c-.017.119-.034.237-.034.356 0 .204.051.34.136.409.137.085.307.119.46.102a1.3 1.3 0 0 0 .359-.051c.085-.051.17-.085.272-.12z" fill="#0084B4"/> </svg> </a> </li> </ul> <div class="purchase-form__upgrade purchase-form__upgrade--before-after-price"> <div class="purchase-form__upgrade-checkbox purchase-form__upgrade-checkbox--before-after-price"> <input type="hidden" name="support" id="support_default" value="bundle_6month" class="js-support__default" autocomplete="off" /> <input type="checkbox" name="support" id="support" value="bundle_12month" class="js-support__option" /> </div> <div class="purchase-form__upgrade-info"> <label class="purchase-form__label purchase-form__label--before-after-price" for="support"> Extend support to 12 months <span class="purchase-form__price purchase-form__price--before-after-price t-heading -size-xs h-pull-right"> <span class="js-renewal__price t-currency purchase-form__renewal-price purchase-form__renewal-price--strikethrough"> $34.13 </span> <b class="t-currency"> <span class="js-support__price">$14.63</span> </b> </span> </label> </div> </div> </div> </div> <div class="purchase-form__cta-buttons"> <div class="purchase-form__button"> <button name="button" type="submit" class="js-purchase__add-to-cart e-btn--3d -color-primary -size-m -width-full"> <i class="e-icon -icon-cart -margin-right"></i> <strong>Add to Cart</strong> </button></div> </div> <div class="purchase-form__us-dollars-notice-container"> <p class="purchase-form__us-dollars-notice"><i>Price is in US dollars and excludes tax and handling fees</i></p> </div> </div> </form> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <img alt="Featured item" title="Featured item" width="42" height="42" src="https://public-assets.envato-static.com/assets/badges/had_featured_item-61104fcc29b222181f5a6312cba315740f13d283f5112dde50f64260398abdc8.svg" /> </div> <div class="media__body -align-center"> <p class="t-body -size-m h-m0"> This item was featured on CodeCanyon </p> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <img alt="Elite author" title="Elite Author: Sold more than $75,000 on Envato Market" width="42" height="42" src="https://public-assets.envato-static.com/assets/badges/elite-10edc87feb7935dd2b5b4a75c2ecbf7602f735e2367b0430dfa4befe23c0d4ff.svg" /> </div> <div class="media__body -align-center"> <p class="t-body -size-m h-m0">Elite Author</p> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <div class="avatar-wrapper tooltip-advanced"> <a class="avatar" title="Stepasyuk" href="/user/Stepasyuk"> <span data-src="https://s3.envato.com/files/334021860/ava.png" data-width="80" data-height="80" data-alt="Stepasyuk" class="lazy-load-img"></span> </a> </div> </div> <div class="media__body"> <h2 class="t-heading -size-s h-text-overflow-wrap-anywhere"> <a rel="author" class="t-link -color-dark -decoration-none" href="/user/stepasyuk">Stepasyuk</a> </h2> <div class=""> <ul class="badges"> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/elite-s-330c3ef01292b534834456c5d15cc00abfb4bfdc65fb746e8dc0e10891912c89.svg" data-alt="Elite Author" data-class="community-badges__badge--s" data-title="Elite Author: Sold more than $75,000 on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/had_featured_item-s-b5f2918086aeed34870acaf7a6c9710fa7f7418a10f670ceeb57395d4fc2b90e.svg" data-alt="Featured Item" data-class="community-badges__badge--s" data-title="Featured Item: Had an item featured on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/was_top_monthly_author-s-d2866e865aab0be2c0d48681dc5dea0122a93859783d9e70316cfc32ed4abdb9.svg" data-alt="Top Monthly Author" data-class="community-badges__badge--s" data-title="Top Monthly Author: Became a Top 20 Author of the Month" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/had_trending_item-s-973480c3b882aee21c3dbefdbb9a47c01668da9beb2678ad5332194269fb7ceb.svg" data-alt="Trendsetter" data-class="community-badges__badge--s" data-title="Trendsetter: Had an item that was trending" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/was_weekly_top_seller-s-450a372ef504c226ad5c50b332c51741364a5014267839e0484804ae2fafe398.svg" data-alt="Weekly Top Seller" data-class="community-badges__badge--s" data-title="Weekly Top Seller: Had an item that ranked among the weekly top sellers across the entire marketplace" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/author_level_9-s-0210d5e13d7a14ad027c4ea34acdfa757a6d035da5a00d8a0d3f19bd1ca1b966.svg" data-alt="Author Level 9" data-class="community-badges__badge--s" data-title="Author Level 9: Has sold $250,000+ on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/collector_level_1-s-bf2f6bc7b60fa5894b2450012c0879111d0155da3b98ad35d9a64c7cd8e2efc4.svg" data-alt="Collector Level 1" data-class="community-badges__badge--s" data-title="Collector Level 1: Has collected 1+ items on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/exclusive-s-ece00f12ba6563867b7ba5274540c7333ba6688400220b3bf1d2bb9b338d65f8.svg" data-alt="Exclusive Author" data-class="community-badges__badge--s" data-title="Exclusive Author: Sells items exclusively on Envato" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/veteran_level_11-s-98b8d23e4af26acc481e905d0415073231a6ec34a24f28ae61db601bfd08f61d.svg" data-alt="11 Years of Membership" data-class="community-badges__badge--s" data-title="11 Years of Membership: Has been part of the Envato Community for over 11 years" class="lazy-load-img"></span> </span> </li> </ul> </div> </div> </div> <div class="h-mt1"> <a class="e-btn--3d -color-light -width-full js-view-portfolio-button" href="/user/Stepasyuk/portfolio">View Portfolio</a> </div> </div> <div class="box -radius-all"> <div class="meta-attributes js-meta-attributes has-toggle is-collapsed" data-view="CondenseItemInfoPanel"> <table class="meta-attributes__table" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="js-condense-item-page-info-panel--last_update"> <td class="meta-attributes__attr-name">Last Update</td> <td class="meta-attributes__attr-detail"> <time class="updated" datetime="2025-01-22T03:18:14+11:00"> 22 January 2025 </time> </td> </tr> <tr class="js-condense-item-page-info-panel--created-at"> <td class="meta-attributes__attr-name">Published</td> <td class="meta-attributes__attr-detail"> <span data-nosnippet=""> 14 April 2021 </span> </td> </tr> <tr class="js-condense-item-page-info-panel--high-resolution"> <td class="meta-attributes__attr-name">High Resolution</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/high-resolution/yes">Yes</a> </td> </tr> <tr class="js-condense-item-page-info-panel--compatible-browsers"> <td class="meta-attributes__attr-name">Compatible Browsers</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/ie11">IE11</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/firefox">Firefox</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/safari">Safari</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/opera">Opera</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/chrome">Chrome</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/edge">Edge</a> </td> </tr> <tr class="js-condense-item-page-info-panel--compatible-with"> <td class="meta-attributes__attr-name">Compatible With</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/aesop%20story%20engine">Aesop Story Engine</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/beaver%20builder">Beaver Builder</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/block%20editor">Block Editor</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/elementor">Elementor</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/elementor%20pro">Elementor Pro</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/gravity%20forms">Gravity Forms</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/jetpack">Jetpack</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/layers%20wp">Layers WP</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/visual%20composer">Visual Composer</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/woocommerce%208.x.x">WooCommerce 8.x.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/woocommerce%207.x.x">WooCommerce 7.x.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/woocommerce%206.x.x">WooCommerce 6.x.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/woocommerce%205.x.x">WooCommerce 5.x.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/wp%20easycart">WP EasyCart</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/wp%20e-commerce">WP e-Commerce</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/wpbakery%20page%20builder">WPBakery Page Builder</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/wpml">WPML</a> </td> </tr> <tr class="js-condense-item-page-info-panel--files-included"> <td class="meta-attributes__attr-name">Files Included</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/javascript%20js">JavaScript JS</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/css">CSS</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/php">PHP</a> </td> </tr> <tr class="js-condense-item-page-info-panel--software-version"> <td class="meta-attributes__attr-name">Software Version</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.5.x">WordPress 6.5.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.4.x">WordPress 6.4.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.3.x">WordPress 6.3.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.2.x">WordPress 6.2.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.1.x">WordPress 6.1.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.0.x">WordPress 6.0.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.9.x">WordPress 5.9.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.8.x">WordPress 5.8.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.7.x">WordPress 5.7.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.6.x">WordPress 5.6.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.5.x">WordPress 5.5.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.4.x">WordPress 5.4.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.3.x">WordPress 5.3.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.2.x">WordPress 5.2.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.1.x">WordPress 5.1.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.0.x">WordPress 5.0.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%204.9.x">WordPress 4.9.x</a> </td> </tr> <tr> <td class="meta-attributes__attr-name">Tags</td> <td><span class="meta-attributes__attr-tags"> <a title="ajax filter" rel="nofollow" href="/search/ajax filter">ajax filter</a>, <a title="ajax product" rel="nofollow" href="/search/ajax product">ajax product</a>, <a title="ajax product filter" rel="nofollow" href="/search/ajax product filter">ajax product filter</a>, <a title="filter" rel="nofollow" href="/search/filter">filter</a>, <a title="post type filter" rel="nofollow" href="/search/post type filter">post type filter</a>, <a title="price filter" rel="nofollow" href="/search/price filter">price filter</a>, <a title="product filter" rel="nofollow" href="/search/product filter">product filter</a>, <a title="Product Filter for WooCommerce" rel="nofollow" href="/search/Product Filter for WooCommerce">Product Filter for WooCommerce</a>, <a title="woocommerce ajax filter" rel="nofollow" href="/search/woocommerce ajax filter">woocommerce ajax filter</a>, <a title="woocommerce filter" rel="nofollow" href="/search/woocommerce filter">woocommerce filter</a>, <a title="woocommerce filter plugin" rel="nofollow" href="/search/woocommerce filter plugin">woocommerce filter plugin</a>, <a title="woocommerce product filter" rel="nofollow" href="/search/woocommerce product filter">woocommerce product filter</a>, <a title="wordpress filter" rel="nofollow" href="/search/wordpress filter">wordpress filter</a>, <a title="wordpress filter plugin" rel="nofollow" href="/search/wordpress filter plugin">wordpress filter plugin</a>, <a title="wp ajax filter" rel="nofollow" href="/search/wp ajax filter">wp ajax filter</a> </span></td> </tr> </tbody> </table> <div class="js-meta-attributes-toggle meta-attributes-toggle"> <a class="meta-attributes-toggle__link" href="#"> <span>More Attributes <i class="e-icon -icon-chevron-down"></i></span> <span class="meta-attributes-toggle__less">Fewer Attributes <i class="e-icon -icon-chevron-down -rotate-180"></i></span> </a> </div> </div></div> <div class="t-body -size-s h-text-align-center h-mt2"> © All Rights Reserved Stepasyuk <br/> <a href="https://help.market.envato.com">Contact the Envato Market Help Team</a> </div> </div> <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ // HACK: Google Chrome always scroll the previous page's position on hitting Back button // This causes issue with responsive version in which unexpanded item description obscure // the scroll position and Chrome will jump to the outer border of bottom window.addEventListener('unload', function(e) { window.scrollTo(0, 0); }); //]]> </script></div> </div> </div> <div> <div class="cross-sell "> <a class="cross-sell__link" target="blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-once="true" href="https://elements.envato.com/pricing?utm_campaign=elements_mkt-footer_28AUG2024&utm_content=cc_global-footer&utm_medium=promos&utm_source=codecanyon.net"> <div class="mainPanel"> <div class="mainPanelContent"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/common/50x-page/envato-logo-11bf09c1be758f900356bf789ceb40db7c2fcbc0557fb85dff1a7a827a182673.svg" alt="Elements logo" width="140" height="31"> <div class="mainPanelLinkContainer"> <p class="mainPanelLinkHeading"> Looking for unlimited downloads? </p> <p class="mainPanelLinkSubheading"> Subscribe to Envato Elements. </p> <div class="mainPanelLinkDescription"> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" > <span>Millions of premium assets </span> </div> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" > <span> Great value subscription</span> </div> </div> </div> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta footer_btn">Start creating now</button> </div> </div> <div class="secondaryPanel"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-1x-59887e02d3bda94335ce4ed0d1cdd4465b42a2dae3524eb09ea85bf5f4d55c08.png" srcset="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-2x-7b24f742786bf9591eb05fa640819e037c8330cd646f7a547a3b3d07d7c208d8.png 2x" alt="Collage of Elements items" /> </div> </a> </div> <footer class='global-footer'> <div class='grid-container -layout-wide'> <div class='global-footer__container'> <nav class='global-footer-info-links'> <hr class='global-footer__separator is-hidden-desktop h-mb4'> <ul class='global-footer-info-links__list'> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Envato Market </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.market.envato.com/hc/en-us/articles/41383541904281-Envato-Market-Terms">Terms</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://themeforest.net/licenses">Licenses</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://build.envato.com">Market API</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/market/affiliate-program/">Become an affiliate</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://www.envato.com/cookies/">Cookies</a> </li> <li class='global-footer-sublist__item h-p0'> <button type="button" class="global-footer__text-link" data-view="cookieSettings">Cookie Settings</button> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Help </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.market.envato.com">Help Center</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.author.envato.com/hc/en-us">Authors</a> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Our Community </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://community.envato.com">Community</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/blog">Blog</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://forums.envato.com">Forums</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://community.envato.com/#/events">Meetups</a> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Meet Envato </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com">About Envato</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/careers/">Careers</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/privacy/">Privacy Policy</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://www.envato.com/privacy/#my-personal-information">Do not sell or share my personal information</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/sitemap/">Sitemap</a> </li> </ul> </li> </ul> </nav> <div class='global-footer-stats'> <div class='global-footer-stats__content'> <img class="global-footer-stats__logo" alt="Envato Market" src="https://public-assets.envato-static.com/assets/logos/envato_market-dd390ae860330996644c1c109912d2bf63885fc075b87215ace9b5b4bdc71cc8.svg" /> <ul class='global-footer-stats__list'> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>76,883,639</span> items sold </li> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>$1,202,312,704</span> community earnings </li> </ul> </div> <div class='global-footer-stats__bcorp'> <a target="_blank" rel="noopener noreferrer" class="global-footer-bcorp-link" href="https://bcorporation.net/en-us/find-a-b-corp/company/envato"> <img class="global-footer-bcorp-logo" width="50" alt="B Corp Logo" loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/logo-bcorp-e83f7da84188b8edac311fbf08eaa86634e9db7c67130cdc17837c1172c5f678.svg" /> </a> </div> </div> </div> <hr class='global-footer__separator'> <div class='global-footer__container'> <div class='global-footer-company-links'> <ul class='global-footer-company-links__list'> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com">Envato.com</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"footer nav","ecommerce":{"promotionId":"elements_mkt-footernav","promotionName":"elements_mkt-footernav","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"footer nav","ecommerce":{"promotionId":"elements_mkt-footernav","promotionName":"elements_mkt-footernav","promotionType":"elements referral"}}" href="https://elements.envato.com?utm_campaign=elements_mkt-footernav">Envato Elements</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://placeit.net/">Placeit by Envato</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://tutsplus.com">Envato Tuts+</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com/products/">All Products</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com/sitemap/">Sitemap</a> </li> </ul> <hr class="global-footer__separator is-hidden-tablet-and-above h-mt3"> <small class='global-footer-company-links__price-disclaimer'> Price is in US dollars and excludes tax and handling fees </small> <small class='global-footer-company-links__copyright'> © 2025 Envato Pty Ltd. Trademarks and brands are the property of their respective owners. </small> </div> <div class='global-footer-social'> <ul> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://twitter.com/envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/twitter-fed054cb31fc18407431a26876142c31a26c6bd59026c684d9625e4d7e58002a.svg" data-class="global-footer-social__icon" data-alt="Twitter" data-title="Twitter" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.facebook.com/envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/facebook-20d27cecd9ae46e6f7bad373316a0dc544669d42dbe0f66b3672720fbe5592fc.svg" data-class="global-footer-social__icon" data-alt="Facebook" data-title="Facebook" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.youtube.com/user/Envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/youtube-2d6a8f758426e727939834a47fe9e16ed6b651afed9ca4327a986f76f496594a.svg" data-class="global-footer-social__icon" data-alt="YouTube" data-title="YouTube" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.instagram.com/envato/"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/instagram-dce9fbf4d8428e6f75492fdc4e32ef7543ce3ba6347a5b055e7ac68c45416dc2.svg" data-class="global-footer-social__icon" data-alt="Instagram" data-title="Instagram" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.pinterest.com/envato/"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/pinterest-2e00aae335d66e4e28273bbfe4e9428ca8d8d91cbd9122d81312218ea34747df.svg" data-class="global-footer-social__icon" data-alt="Pinterest" data-title="Pinterest" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> </ul> </div> </div> </div> </footer> </div> </div> <div class="is-hidden-phone"> <div id="tooltip-magnifier" class="magnifier"> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="landscape-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="portrait-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="square-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="smart-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="video-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> </div> </div> <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close"></div> </div> </div> <div data-site="codecanyon" data-view="CsatSurvey" class="is-visually-hidden"> <div id="js-customer-satisfaction-survey"> <div class="e-modal"> <div class="e-modal__section" id="js-customer-satisfaction-survey-iframe-wrapper"> </div> </div> </div> </div> <div id="js-customer-satisfaction-popup" class="survey-popup is-visually-hidden"> <div class="h-text-align-right"><a href="#" id="js-popup-close-button" class="e-alert-box__dismiss-icon"><i class="e-icon -icon-cancel"></i></a></div> <div class="survey-popup--section"> <h2 class="t-heading h-text-align-center -size-m">Tell us what you think!</h2> <p>We'd like to ask you a few questions to help improve CodeCanyon.</p> </div> <div class="survey-popup--section"> <a href="#" id="js-show-survey-button" class="e-btn -color-primary -size-m -width-full js-survey-popup--show-survey-button">Sure, take me to the survey</a> </div> </div> <script src="https://public-assets.envato-static.com/assets/market/core/index-3d8a0ccd9978174dda7d3aa30b258e7ace330a435d742f005d78398b2a3f6013.js" nonce="DQdnkzmVfyulChXgO3UxeA=="></script> <script src="https://public-assets.envato-static.com/assets/market/pages/default/index-0ce799ddff3d11a6eedfa1104f04f37b707b1d3982a2df15a6b175d63128c3a6.js" nonce="DQdnkzmVfyulChXgO3UxeA=="></script> <div id="affiliate-tracker" class="is-hidden" data-view="affiliatesTracker" data-cookiebot-enabled="true"></div> <script src="https://public-assets.envato-static.com/assets/market/core/lazyload-f0fdf08f4783c5b030b32eb74e26ace288ccfeeee00a96df46f974edf09fc853.js" crossorigin="anonymous" nonce="DQdnkzmVfyulChXgO3UxeA==" integrity="sha256-Lj73XO2pRKnz68V0O125cWko4eq1N3BVb2oeXYCSLv0="></script> <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ $(function(){viewloader.execute(Views);}); //]]> </script> <script src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-georegions="{"region":"US","cbid":"d9683f70-895f-4427-97dc-f1087cddf9d8"}" async="async" id="Cookiebot" nonce="DQdnkzmVfyulChXgO3UxeA=="></script> <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ var ACCOUNTS = ["m"]; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; var consentCookie = getCookie('CookieConsent'); if (consentCookie) { var hasConsent = Market.Helpers.CookieConsent.given('statistics'); if (hasConsent) { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } } else { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } window.addEventListener('CookiebotOnAccept', handleCookiebotAcceptDeclineEvent, false); window.addEventListener('CookiebotOnDecline', handleCookiebotAcceptDeclineEvent, false); function handleCookiebotAcceptDeclineEvent() { if (Cookiebot.consent.statistics) { if (!(window.ga && ga.create)) { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } } else { unloadGoogleAnalytics() } } function getCookie(name) { var name = name + "="; var decodedCookie = decodeURIComponent(document.cookie); var cookieContent = decodedCookie.split(';'); for(var i = 0; i < cookieContent.length; i++) { var c = cookieContent[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return false; } function delete_cookie_by_name(name) { document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; } function unloadGoogleAnalytics() { var payload = {"name":"m","allowLinker":true}; var accountId = "UA-11834194-12"; // Set the GA User Opt-out flag window['ga-disable-'+accountId] = true; // Do not explicitly make any further calls to ga() ga(payload.name+".remove"); // Delete any existing GA cookies (_ga, _gat & _gaid) and GA Client ID from localStorage delete_cookie_by_name('_ga'); delete_cookie_by_name('_gat'); delete_cookie_by_name('_gid'); // Delete LocalStorage Entries if (Market.Helpers.GaLsUtils.localStorageAvailable()) { var clientId = Market.Helpers.GaLsUtils.getClientId(); if (!clientId) { return; } Market.Helpers.GaLsUtils.removeClientId(); } // Do not transmit the Client ID to other sites upon navigation (i.e. autoLink) } function domLoaded() { return new Promise(resolve => { if ( document.readyState === 'interactive' || document.readyState === 'complete' ) { resolve() } else { document.addEventListener( 'DOMContentLoaded', () => { resolve() }, { capture: true, once: true, passive: true } ) } }) } function loadLinkingForAllAccounts() { domLoaded().then(() => { window._envGaTrackerNames = ACCOUNTS; for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.require', 'linker'); ga(t+'.require', 'linkid', 'linkid.js'); }; document.body.addEventListener('click', function(event) { decorateLink(event); }); document.body.addEventListener('contextmenu', function(event) { // Aside from a normal click, we need to handle the variety of ways users // can open a link in a new tab // Right click to open context menu decorateLink(event); }); document.body.addEventListener('mousedown', function(event) { // Aside from a normal click, we need to handle the variety of ways users // can open a link in a new tab // Middle mouse button click if (event.button === 1) { decorateLink(event); } }); }); } function decorateLink(event) { window._envGaTrackerNames = ACCOUNTS; var currentTarget = jQuery(event.target); var link = currentTarget.closest('a')[0]; var ourDomains = ["audiojungle.net","themeforest.net","videohive.net","graphicriver.net","3docean.net","codecanyon.net","photodune.net","elements.envato.com","build.envatohostedservices.com","author.envato.com","tutsplus.com","sites.envato.com","account.envato.com","forums.envato.com"]; var filteredDomains = ourDomains.filter(function(domain) { return domain !== document.location.hostname; }); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; if (link && link.href) { if (filteredDomains.includes(link.hostname) || currentSiteLinkOpensInNewWindow(link)) { ga(t+'.linker:decorate', link) } } } } function currentSiteLinkOpensInNewWindow(link) { return document.location.hostname === link.hostname && link.target === '_blank'; } function setupGoogleAnalytics() { (function () { var accountId = "UA-11834194-12"; window['ga-disable-'+accountId] = false; var options = {"name":"m","allowLinker":true}; if (Market.Helpers.GaLsUtils.localStorageAvailable()) { if (Market.Helpers.GaLsUtils.clientIdNotPresent()) { options.clientId = Market.Helpers.GaLsUtils.retrieveClientId(); } ga("create", accountId, options); ga(function() { var tracker = ga.getByName(options.name); Market.Helpers.GaLsUtils.storeClientId(tracker.get('clientId')); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.set', 'dimension18', Market.Helpers.GaLsUtils.retrieveClientId()) } }) } else { ga("create", accountId, options); } window._envGaTrackerNames = ACCOUNTS; for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.require', ""); ga(t+'.require', 'ec'); ga(t+'.require', 'displayfeatures'); ga(t+'.set', 'dimension20', 'item:details') var itemPageIdMatch = window.location.pathname.match(/^\/item\/[a-z-]+\/(?:reviews\/)?(\d+)(?:\/comments|\/support)?$/); if (itemPageIdMatch) { // Fetch item ID from path var itemId = itemPageIdMatch[1]; ga(t+'.set', 'dimension23', itemId); } } loadLinkingForAllAccounts() }()); } function loadGoogleAnalytics() { (function () { var s=document.createElement('script'); s.type='text/javascript'; s.async=true; s.src='https://www.google-analytics.com/analytics.js'; var x=document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s,x); }()); } //]]> </script> <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ trimGacUaCookies() trimGaSessionCookies() function trimGacUaCookies() { // Trim the list of gac cookies and only leave the most recent ones. This // prevents rejecting the request later on when the cookie size grows larger // than nginx buffers. let maxCookies = 15 var gacCookies = [] let cookies = document.cookie.split('; ') for (let i in cookies) { let [cookieName, cookieVal] = cookies[i].split('=', 2) if (cookieName.startsWith('_gac_UA')) { gacCookies.push([cookieName, cookieVal]) } } if (gacCookies.length <= maxCookies){return } gacCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1) }) for (let i in gacCookies) { if (i < maxCookies) continue $.removeCookie(gacCookies[i][0], { path: '/', domain: '.' + window.location.host }) } } function trimGaSessionCookies() { // Trim the list of ga session cookies and only leave the most recent ones. This // prevents rejecting the request later on when the cookie size grows larger // than nginx buffers. let maxCookies = 15 var gaCookies = [] // safelist our GA properties for production and staging const KEEPLIST = ['_ga_ZKBVC1X78F', '_ga_9Z72VQCKY0'] let cookies = document.cookie.split('; ') for (let i in cookies) { let [cookieName, cookieVal] = cookies[i].split('=', 2) // explicitly ensure the cookie starts with `_ga_` so that we don't accidentally include // the `_ga` cookie if (cookieName.startsWith('_ga_')) { if (KEEPLIST.includes(cookieName)) { continue } gaCookies.push([cookieName, cookieVal]) } } if (gaCookies.length <= maxCookies){return } gaCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1) }) for (let i in gaCookies) { if (i < maxCookies) continue $.removeCookie(gaCookies[i][0], { path: '/', domain: '.' + window.location.host }) } } //]]> </script> <script nonce="DQdnkzmVfyulChXgO3UxeA=="> //<![CDATA[ // Set Datadog custom attributes (function () { if (typeof window.datadog_attributes != 'object') window.datadog_attributes = {} window.datadog_attributes['pageType'] = 'item:details' })() //]]> </script> </body> </html>

CINXE.COM

Filter Everything — WordPress/WooCommerce Product Filter by Stepasyuk