{"id":1249,"date":"2025-09-04T12:32:24","date_gmt":"2025-09-04T12:32:24","guid":{"rendered":"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/?page_id=1249"},"modified":"2025-09-04T13:13:59","modified_gmt":"2025-09-04T13:13:59","slug":"overlay-with-filters","status":"publish","type":"page","link":"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/overlay-with-filters\/","title":{"rendered":"Overlay with filters"},"content":{"rendered":"<p class=\"has-text-align-center\">Click on the magnifier icon below and try the search enter the keyword <em>&#8220;dress&#8221;<\/em> to view some results with the filters!<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"301\" src=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/666597\/2023\/11\/freccia2.jpg\" alt=\"\" class=\"wp-image-1102\" style=\"aspect-ratio:0.9269102990033222;width:86px;height:auto\" \/><\/figure><\/div><div data-block-name=\"yith\/overlay-search-block\" data-metadata=\"{&quot;categories&quot;:[&quot;yith-patterns&quot;],&quot;patternName&quot;:&quot;yith\\\/search-filters&quot;,&quot;name&quot;:&quot;Search &amp;amp; Filters&quot;}\" class=\"wp-block-yith-overlay-search-block is-loading\"><div data-block-name=\"yith\/icon-trigger-block\" class=\"wp-block-yith-icon-trigger-block\"><\/div>\n\n<div data-block-name=\"yith\/overlay-block\" class=\"wp-block-yith-overlay-block is-loading\"><div data-block-name=\"yith\/overlay-input-block\" class=\"wp-block-yith-overlay-input-block\"><\/div>\n\n<div data-block-name=\"yith\/overlay-filled-block\" class=\"wp-block-yith-overlay-filled-block\"><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column ywcas-order-by-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100.23%\">\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\"><\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\"><div data-block-name=\"yith\/overlay-product-results-block\" data-rows=\"4\" class=\"wp-block-yith-overlay-product-results-block\"><div data-block-name=\"yith\/overlay-grid-block\" class=\"wp-block-yith-overlay-grid-block\"><\/div>\n\n<div data-block-name=\"yith\/overlay-pagination-block\" class=\"wp-block-yith-overlay-pagination-block\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n\n<div data-block-name=\"yith\/overlay-empty-block\" class=\"wp-block-yith-overlay-empty-block\"><div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\"><div data-block-name=\"yith\/overlay-history-block\" class=\"wp-block-yith-overlay-history-block\"><\/div>\n\n<div data-block-name=\"yith\/overlay-popular-block\" class=\"wp-block-yith-overlay-popular-block\"><\/div><\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\"><h2 class=\"wp-block-heading has-medium-font-size\">Popular products<\/h2>\n\n<div data-block-name=\"woocommerce\/product-best-sellers\" data-columns=\"4\" data-rows=\"1\" class=\"wc-block-grid wp-block-product-best-sellers wp-block-woocommerce-product-best-sellers wc-block-product-best-sellers has-4-columns\"><ul class=\"wc-block-grid__products\"><li class=\"wc-block-grid__product\">\n\t\t\t\t<a href=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/product\/black-dots-shirt-copy\/\" class=\"wc-block-grid__product-link\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wc-block-grid__product-image\"><img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"503\" src=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/666597\/2022\/06\/157301741614d6fbdbd3c832c416cacdfc017e1ce3_thumbnail_900x-362x503.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Black dots shirt (Copy)\" \/><\/div>\n\t\t\t\t\t<div class=\"wc-block-grid__product-title\">Black dots shirt (Copy)<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"wc-block-grid__product-price price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>38,00<\/span><\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"wp-block-button wc-block-grid__product-add-to-cart\"><a href=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/product\/black-dots-shirt-copy\/\" aria-label=\"Select options for &ldquo;Black dots shirt (Copy)&rdquo;\" data-quantity=\"1\" data-product_id=\"1020\" data-product_sku=\"\" data-price=\"38\" rel=\"nofollow\" class=\"wp-block-button__link  add_to_cart_button\">Select options<\/a><\/div>\n\t\t\t<\/li><li class=\"wc-block-grid__product\">\n\t\t\t\t<a href=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/product\/light-brown-cotton-top\/\" class=\"wc-block-grid__product-link\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wc-block-grid__product-image\"><img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"503\" src=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/666597\/2022\/06\/160687525779f564eb2b6a51baa3a96ec6d4475a2d_thumbnail_900x-362x503.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Light brown cotton top\" \/><\/div>\n\t\t\t\t\t<div class=\"wc-block-grid__product-title\">Light brown cotton top<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"wc-block-grid__product-price price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>23,00<\/span><\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"wp-block-button wc-block-grid__product-add-to-cart\"><a href=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/product\/light-brown-cotton-top\/\" aria-label=\"Select options for &ldquo;Light brown cotton top&rdquo;\" data-quantity=\"1\" data-product_id=\"1015\" data-product_sku=\"\" data-price=\"23\" rel=\"nofollow\" class=\"wp-block-button__link  add_to_cart_button\">Select options<\/a><\/div>\n\t\t\t<\/li><li class=\"wc-block-grid__product\">\n\t\t\t\t<a href=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/product\/scotland-bw-top\/\" class=\"wc-block-grid__product-link\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wc-block-grid__product-image\"><img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"503\" src=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/666597\/2022\/06\/16051513973a9575e4ed9fdb197960dac940690578_thumbnail_900x-362x503.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Scotland B&amp;W top\" \/><\/div>\n\t\t\t\t\t<div class=\"wc-block-grid__product-title\">Scotland B&amp;W top<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"wc-block-grid__product-price price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>25,00<\/span><\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"wp-block-button wc-block-grid__product-add-to-cart\"><a href=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/product\/scotland-bw-top\/\" aria-label=\"Select options for &ldquo;Scotland B&amp;W top&rdquo;\" data-quantity=\"1\" data-product_id=\"1010\" data-product_sku=\"\" data-price=\"25\" rel=\"nofollow\" class=\"wp-block-button__link  add_to_cart_button\">Select options<\/a><\/div>\n\t\t\t<\/li><li class=\"wc-block-grid__product\">\n\t\t\t\t<a href=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/product\/dark-red-dots-shirt\/\" class=\"wc-block-grid__product-link\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wc-block-grid__product-image\"><img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"503\" src=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/666597\/2022\/06\/1603850844b002cf97f261c724fc1b055a390192c7_thumbnail_900x-362x503.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Dark red dots shirt\" \/><\/div>\n\t\t\t\t\t<div class=\"wc-block-grid__product-title\">Dark red dots shirt<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"wc-block-grid__product-price price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>38,00<\/span><\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"wp-block-button wc-block-grid__product-add-to-cart\"><a href=\"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/product\/dark-red-dots-shirt\/\" aria-label=\"Select options for &ldquo;Dark red dots shirt&rdquo;\" data-quantity=\"1\" data-product_id=\"1005\" data-product_sku=\"\" data-price=\"38\" rel=\"nofollow\" class=\"wp-block-button__link  add_to_cart_button\">Select options<\/a><\/div>\n\t\t\t<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Click on the magnifier icon below and try the search enter the keyword &#8220;dress&#8221; to view some results with the filters!<\/p>\n","protected":false},"author":133,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/pages\/1249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/users\/133"}],"replies":[{"embeddable":true,"href":"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/comments?post=1249"}],"version-history":[{"count":4,"href":"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/pages\/1249\/revisions"}],"predecessor-version":[{"id":1266,"href":"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/pages\/1249\/revisions\/1266"}],"wp:attachment":[{"href":"https:\/\/plugins.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/media?parent=1249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}