{"id":321,"date":"2023-09-21T13:53:11","date_gmt":"2023-09-21T13:53:11","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/?p=321"},"modified":"2024-02-20T13:40:20","modified_gmt":"2024-02-20T13:40:20","slug":"blocks","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/","title":{"rendered":"Blocks"},"content":{"rendered":"\n<p>The plugin is ready to use with the block editor. When creating a new post or page, you can find the YITH blocks: <strong>Classic search <\/strong>and <strong><a href=\"#overlay-search\">Overlay search<\/a><\/strong>. You can add them to your page with a simple click.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Classic search<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/blocks-2-scaled-e1708007239212.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1760\" height=\"275\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/blocks-2-scaled-e1708007239212.jpg\" alt=\"Ajax Search blocks\" class=\"wp-image-615\"\/><\/a><\/figure>\n\n\n\n<p>When selecting <strong>Classic search<\/strong>, you can choose the input size from&nbsp;<strong>Small<\/strong>&nbsp;and&nbsp;<strong>Large.<\/strong> This block includes 3 other blocks that we will analyze as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"#input\">Input block<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"#filled-results\">Filled state block<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"#empty-state\">Empty state block<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"input\">Input block<\/h4>\n\n\n\n<p>This is the block that manages the search field. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-block.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1290\" height=\"562\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-block.jpg\" alt=\"Input block\" class=\"wp-image-397\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-block.jpg 1290w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-block-300x131.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-block-1024x446.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-block-768x335.jpg 768w\" sizes=\"auto, (max-width: 1290px) 100vw, 1290px\" \/><\/a><\/figure>\n\n\n\n<p id=\"search-input\">By selecting this block, you will be able to configure the following settings:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/search-input-options.jpg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"1292\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/search-input-options.jpg\" alt=\"Search input settings\" class=\"wp-image-398\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/search-input-options.jpg 281w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/search-input-options-65x300.jpg 65w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/search-input-options-223x1024.jpg 223w\" sizes=\"auto, (max-width: 281px) 100vw, 281px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Placeholder: <\/strong>enter the text for the placeholder of the search field;<\/li>\n\n\n\n<li><strong>Border size: <\/strong>define the size (in px) for the search field border;<\/li>\n\n\n\n<li><strong>Border radius: <\/strong>define the border radius (in px) for the search field;<\/li>\n\n\n\n<li><strong>Color settings: <\/strong>choose the colors for the <em>placeholder<\/em>, <em>text<\/em>, <em>background<\/em>, <em>background<\/em> <em>focus<\/em>, <em>border<\/em>, and <em>border<\/em> <em>focus<\/em>;<\/li>\n\n\n\n<li><strong>Submit search style: <\/strong>choose the style from <em>Icon<\/em>, <em>Text<\/em>, or <em>Icon<\/em> + <em>text<\/em>;<\/li>\n\n\n\n<li><strong>Search icon:<\/strong> <em>(available if Icon is selected)<\/em> choose where to show the icon from <em>right<\/em> or <em>left<\/em>;\n<ul class=\"wp-block-list\">\n<li><strong>Submit color settings: <\/strong>choose the colors for the <em>icon<\/em>, <em>icon hover<\/em>, <em>background<\/em>, <em>background hover<\/em>, <em>border<\/em>, and <em>border hover<\/em>;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Submit button label: <\/strong>(<em>available if Text <\/em>or<em> Icon + text is selected<\/em>): enter the text to show as the submit button;\n<ul class=\"wp-block-list\">\n<li><strong>Submit border radius: <\/strong>set the border radius (in px) for the submit button;<\/li>\n\n\n\n<li><strong>Submit color settings: <\/strong>choose the colors for the <em>text<\/em> <em>(and icon)<\/em>, <em>text<\/em> <em>(and icon)<\/em> <em>hover<\/em>, <em>background<\/em>, <em>background<\/em> <em>hover<\/em>, <em>border<\/em>, and <em>border<\/em> <em>hover<\/em>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong><em>Icon + text example<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/texticon.jpg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1551\" height=\"318\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/texticon.jpg\" alt=\"Icon + Text example\" class=\"wp-image-403\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/texticon.jpg 1551w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/texticon-300x62.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/texticon-1024x210.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/texticon-768x157.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/texticon-1536x315.jpg 1536w\" sizes=\"auto, (max-width: 1551px) 100vw, 1551px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"filled-results\"><strong>Filled state block<\/strong><\/h4>\n\n\n\n<p id=\"filled-results\">This is the block that manages the search results shown when found.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/Filled-state-block-e1701765976847.jpg\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1601\" height=\"631\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/Filled-state-block-e1701765976847.jpg\" alt=\"Filled state block\" class=\"wp-image-402\"\/><\/a><\/figure>\n\n\n\n<p>By selecting this block, you will find 3 additional blocks (<em><strong>Related categories block<\/strong><\/em>, <strong><em>Product results block<\/em><\/strong>, and <em><strong>Related posts block<\/strong><\/em>) to configure the following settings:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"related-categories\"><strong>Related categories block: <\/strong>this is the block that shows the related categories through which you can set:<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-options.jpg\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"372\" height=\"486\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-options.jpg\" alt=\"Related categories options\" class=\"wp-image-404\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-options.jpg 372w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-options-230x300.jpg 230w\" sizes=\"auto, (max-width: 372px) 100vw, 372px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Label:<\/strong> enter the text to show for the related categories;<\/li>\n\n\n\n<li><strong>Max related categories: <\/strong>set the maximum number of categories to show.<\/li>\n<\/ul>\n\n\n\n<p><em><strong>Related categories example<\/strong><\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example.png\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1534\" height=\"1066\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example.png\" alt=\"Related categories example\" class=\"wp-image-405\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example.png 1534w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example-300x208.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example-1024x712.png 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example-768x534.png 768w\" sizes=\"auto, (max-width: 1534px) 100vw, 1534px\" \/><\/a><\/figure>\n\n\n\n<p id=\"product-results\">2. <strong>Products results block: <\/strong>this is the block that shows the products found as search results through which you can set:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-results.jpg\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"1122\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-results.jpg\" alt=\"Product results settings\" class=\"wp-image-406\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-results.jpg 380w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-results-102x300.jpg 102w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-results-347x1024.jpg 347w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><\/a><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"alignright size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/product-results-options.jpg\" data-rel=\"lightbox-image-8\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"374\" height=\"762\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/product-results-options.jpg\" alt=\"Product results settings\" class=\"wp-image-407\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/product-results-options.jpg 374w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/product-results-options-147x300.jpg 147w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/a><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Max results to show: <\/strong>enter the maximum number of products to show;<\/li>\n\n\n\n<li><strong>Layout: <\/strong>choose the layout from <em>List<\/em> or <em>Grid<\/em>;<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/list.jpg\" data-rel=\"lightbox-image-9\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1584\" height=\"1080\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/list.jpg\" alt=\"List\" class=\"wp-image-410\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/list.jpg 1584w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/list-300x205.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/list-1024x698.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/list-768x524.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/list-1536x1047.jpg 1536w\" sizes=\"auto, (max-width: 1584px) 100vw, 1584px\" \/><\/a><figcaption class=\"wp-element-caption\">List<\/figcaption><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/grid.jpg\" data-rel=\"lightbox-image-10\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1552\" height=\"1082\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/grid.jpg\" alt=\"Grid\" class=\"wp-image-411\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/grid.jpg 1552w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/grid-300x209.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/grid-1024x714.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/grid-768x535.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/grid-1536x1071.jpg 1536w\" sizes=\"auto, (max-width: 1552px) 100vw, 1552px\" \/><\/a><figcaption class=\"wp-element-caption\">Grid<\/figcaption><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Info to show: <\/strong>enable\/disable the product info to show in the results:<\/li>\n\n\n\n<li><strong>Name: <\/strong>the name of products;\n<ul class=\"wp-block-list\">\n<li><strong>Product title color: <\/strong>set the color for the product name;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Price: <\/strong>the price of products;\n<ul class=\"wp-block-list\">\n<li><strong>Price label: <\/strong>enter the text to show for the price;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Image: <\/strong>the image of products;\n<ul class=\"wp-block-list\">\n<li><strong>Image position: <\/strong><em>(only available with List layout)<\/em> choose whether to show the product image on the left or on the right;<\/li>\n\n\n\n<li><strong>Image size: <\/strong>set the size (in px) for the product images;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Categories: <\/strong>the categories to which products belong;<\/li>\n\n\n\n<li><strong>Stock: <\/strong>the stock status;<\/li>\n\n\n\n<li><strong>SKU: <\/strong>the products SKU;<\/li>\n\n\n\n<li><strong>Summary: <\/strong>the products summary;\n<ul class=\"wp-block-list\">\n<li><strong>Limit summary length on\/off<\/strong>: enable to set a limit for the summary length;<\/li>\n\n\n\n<li><strong>Summary max words: <\/strong>set the maximum number of words to show for the product summary;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Add to cart: <\/strong>the <em>Add to cart <\/em>button;<\/li>\n\n\n\n<li><strong>No results text: <\/strong>enter the text to show when there are no results for the search;<\/li>\n\n\n\n<li><strong>Show &#8220;View all results&#8221; link<\/strong>: the link to view all products;\n<ul class=\"wp-block-list\">\n<li><strong><strong>&#8220;View all results&#8221;<\/strong> text: <\/strong>enter the text to show for the link. To show the number of results, you can use the available placeholder: <em>{total}<\/em>;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Show &#8220;On Sale&#8221; badge<\/strong>: enable to show the on-sale badge;<\/li>\n\n\n\n<li><strong>Show &#8220;Out of stock&#8221; badge<\/strong>: enable to show the out-of-stock badge;<\/li>\n\n\n\n<li><strong>Show &#8220;Featured&#8221; badge<\/strong>: enable to show the featured badge;<\/li>\n\n\n\n<li><strong>Hide &#8220;Featured&#8221; badge if the product is on sale<\/strong>: enable to hide the featured badge on on-sale products.<\/li>\n<\/ul>\n\n\n\n<p><strong><em>Info to show example<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-info.jpg\" data-rel=\"lightbox-image-11\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1574\" height=\"1108\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-info.jpg\" alt=\"Info to show example\" class=\"wp-image-414\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-info.jpg 1574w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-info-300x211.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-info-1024x721.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-info-768x541.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/products-info-1536x1081.jpg 1536w\" sizes=\"auto, (max-width: 1574px) 100vw, 1574px\" \/><\/a><\/figure>\n\n\n\n<p id=\"related-posts\">3. <strong>Related posts block: <\/strong>this is the block that shows the related posts through which you can set the following options:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-1.jpg\" data-rel=\"lightbox-image-12\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"376\" height=\"874\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-1.jpg\" alt=\"Related posts block\" class=\"wp-image-415\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-1.jpg 376w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-1-129x300.jpg 129w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Label: <\/strong>enter the text to show for the related posts;<\/li>\n\n\n\n<li><strong>Max related posts: <\/strong>set the maximum number of posts to show;<\/li>\n\n\n\n<li><strong>Background color: <\/strong>set the color for the background.<\/li>\n<\/ul>\n\n\n\n<p><strong><em>Related posts example<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-example.jpg\" data-rel=\"lightbox-image-13\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1550\" height=\"1071\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-example.jpg\" alt=\"Related posts example\" class=\"wp-image-416\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-example.jpg 1550w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-example-300x207.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-example-1024x708.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-example-768x531.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-example-1536x1061.jpg 1536w\" sizes=\"auto, (max-width: 1550px) 100vw, 1550px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"empty-state\"><strong>Empty state block<\/strong><\/h4>\n\n\n\n<p>This is the block that manages the search field when still empty.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state.jpg\" data-rel=\"lightbox-image-14\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2324\" height=\"600\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state.jpg\" alt=\"Empty state block\" class=\"wp-image-419\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state.jpg 2324w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-300x77.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-1024x264.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-768x198.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-1536x397.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-2048x529.jpg 2048w\" sizes=\"auto, (max-width: 2324px) 100vw, 2324px\" \/><\/a><\/figure>\n\n\n\n<p>By selecting this block, you will find 2 additional blocks (Search history and Popular searches block) to configure the following settings:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Search history: <\/strong>this is the block that shows the latest searches made by the user through which you can configure the following settings:<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/history-searches.jpg\" data-rel=\"lightbox-image-15\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"376\" height=\"524\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/history-searches.jpg\" alt=\"Search history\" class=\"wp-image-420\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/history-searches.jpg 376w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/history-searches-215x300.jpg 215w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Label: <\/strong>enter the text to show for the search history;<\/li>\n\n\n\n<li><strong>Max latest search items: <\/strong>set the maximum number of results to show for the latest searches.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-light-blue-background-color has-background\"><strong>Please note<\/strong>: the search is registered <strong>only<\/strong> if the user visits the product page.<\/p>\n\n\n\n<p>2. <strong>Popular searches block: <\/strong>this is the block that shows the most popular searches made by all the users through which you can configure the following settings:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches.jpg\" data-rel=\"lightbox-image-16\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"374\" height=\"484\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches.jpg\" alt=\"Popular searches block\" class=\"wp-image-421\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches.jpg 374w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-232x300.jpg 232w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Label: <\/strong>enter the text to show for the popular searches;<\/li>\n\n\n\n<li><strong>Searches to show: <\/strong>set the maximum number of results to show for the popular searches.<\/li>\n<\/ul>\n\n\n\n<p><strong><em>Popular searches example<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-example.jpg\" data-rel=\"lightbox-image-17\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1620\" height=\"514\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-example.jpg\" alt=\"Popular searches example\" class=\"wp-image-422\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-example.jpg 1620w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-example-300x95.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-example-1024x325.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-example-768x244.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-example-1536x487.jpg 1536w\" sizes=\"auto, (max-width: 1620px) 100vw, 1620px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"overlay-search\">Overlay search<\/h3>\n\n\n\n<p>When selecting <strong>Overlay search<\/strong>, you will be able to set 2 additional blocks to manage the settings of the search icon and overlay content.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-search.jpg\" data-rel=\"lightbox-image-18\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1860\" height=\"334\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-search.jpg\" alt=\"Overlay search block\" class=\"wp-image-665\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-search.jpg 1860w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-search-300x54.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-search-1024x184.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-search-768x138.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-search-1536x276.jpg 1536w\" sizes=\"auto, (max-width: 1860px) 100vw, 1860px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Icon trigger block<\/h4>\n\n\n\n<p>This block adds the search icon that will trigger the overlay when clicking on it. You can set the <strong>color<\/strong> and <strong>color<\/strong> <strong>hover<\/strong> of the icon through the related options.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/icon-settings.jpg\" data-rel=\"lightbox-image-19\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"376\" height=\"300\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/icon-settings.jpg\" alt=\"Icon settings\" class=\"wp-image-666\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/icon-settings.jpg 376w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/icon-settings-300x239.jpg 300w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a><\/figure><\/div>\n\n\n<p><em>Icon on the frontend<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/icon-frontend.jpg\" data-rel=\"lightbox-image-20\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1406\" height=\"304\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/icon-frontend.jpg\" alt=\"Search icon on frontend\" class=\"wp-image-667\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/icon-frontend.jpg 1406w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/icon-frontend-300x65.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/icon-frontend-1024x221.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/icon-frontend-768x166.jpg 768w\" sizes=\"auto, (max-width: 1406px) 100vw, 1406px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Overlay content<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-content.jpg\" data-rel=\"lightbox-image-21\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1666\" height=\"476\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-content.jpg\" alt=\"Overlay content block\" class=\"wp-image-668\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-content.jpg 1666w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-content-300x86.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-content-1024x293.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-content-768x219.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-content-1536x439.jpg 1536w\" sizes=\"auto, (max-width: 1666px) 100vw, 1666px\" \/><\/a><\/figure>\n\n\n\n<p>This block allows managing the overlay when users click on the search icon. It includes 3 other blocks that we will analyze as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Input block<\/strong><\/li>\n\n\n\n<li><strong><a href=\"#filled-state-overlay\">Filled state block<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"#empty-state-overlay\">Empty state block<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Input block<\/h4>\n\n\n\n<p>This is the block that manages the search field.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-overlay.jpg\" data-rel=\"lightbox-image-22\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"376\" height=\"1064\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-overlay.jpg\" alt=\"Input block (overlay)\" class=\"wp-image-669\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-overlay.jpg 376w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-overlay-106x300.jpg 106w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/input-overlay-362x1024.jpg 362w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Placeholder:&nbsp;<\/strong>enter the text for the placeholder of the search field;<\/li>\n\n\n\n<li><strong>Border size:&nbsp;<\/strong>define the size (in px) for the search field border;<\/li>\n\n\n\n<li><strong>Border radius:&nbsp;<\/strong>define the border radius (in px) for the search field;<\/li>\n\n\n\n<li><strong>Color settings:&nbsp;<\/strong>choose the colors for the&nbsp;<em>placeholder<\/em>,&nbsp;<em>text<\/em>,&nbsp;<em>background<\/em>,&nbsp;<em>background<\/em>&nbsp;<em>focus<\/em>,&nbsp;<em>border<\/em>, and&nbsp;<em>border<\/em>&nbsp;<em>focus<\/em>.<\/li>\n<\/ul>\n\n\n\n<p><strong><em>Example<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"243\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-example-1024x243.jpg\" alt=\"Overlay example\" class=\"wp-image-670\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-example-1024x243.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-example-300x71.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-example-768x182.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-example-1536x364.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-example-2048x485.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"filled-state-overlay\"><strong>Filled state block<\/strong><\/h4>\n\n\n\n<p>This is the block that manages the search results shown when found.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/filled-state-overlay.jpg\" data-rel=\"lightbox-image-23\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2288\" height=\"794\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/filled-state-overlay.jpg\" alt=\"Filled state block (overlay)\" class=\"wp-image-671\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/filled-state-overlay.jpg 2288w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/filled-state-overlay-300x104.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/filled-state-overlay-1024x355.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/filled-state-overlay-768x267.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/filled-state-overlay-1536x533.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/filled-state-overlay-2048x711.jpg 2048w\" sizes=\"auto, (max-width: 2288px) 100vw, 2288px\" \/><\/a><\/figure>\n\n\n\n<p>By selecting this block, you will find 3 additional blocks (<em><strong>Related categories block<\/strong><\/em>,&nbsp;&nbsp;<em><strong>Related posts block<\/strong><\/em>, and <strong><em>Overlay product results<\/em><\/strong>) to configure the following settings:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Related categories block<\/strong>: this is the block that shows the related categories through which you can set:<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-overlay.jpg\" data-rel=\"lightbox-image-24\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"376\" height=\"472\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-overlay.jpg\" alt=\"Related categories (overlay)\" class=\"wp-image-672\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-overlay.jpg 376w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-overlay-239x300.jpg 239w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Label:<\/strong>&nbsp;enter the text to show for the related categories;<\/li>\n\n\n\n<li><strong>Max related categories:&nbsp;<\/strong>set the maximum number of categories to show.<\/li>\n<\/ul>\n\n\n\n<p><strong><em>Example<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example.jpg\" data-rel=\"lightbox-image-25\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1602\" height=\"722\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example.jpg\" alt=\"Related categories example\" class=\"wp-image-673\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example.jpg 1602w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example-300x135.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example-1024x462.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example-768x346.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/categories-example-1536x692.jpg 1536w\" sizes=\"auto, (max-width: 1602px) 100vw, 1602px\" \/><\/a><\/figure>\n\n\n\n<p>2. <strong>Related posts block:&nbsp;<\/strong>this is the block that shows the related posts through which you can set the following options:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-overlay.jpg\" data-rel=\"lightbox-image-26\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"428\" height=\"976\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-overlay.jpg\" alt=\"Related posts (overlay)\" class=\"wp-image-674\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-overlay.jpg 428w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-posts-overlay-132x300.jpg 132w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Label:&nbsp;<\/strong>enter the text to show for the related posts;<\/li>\n\n\n\n<li><strong>Show results related to: <\/strong>select <strong>Post<\/strong> and\/or <strong>Pages<\/strong>;<\/li>\n\n\n\n<li><strong>Max related posts:&nbsp;<\/strong>set the maximum number of posts to show;<\/li>\n\n\n\n<li><strong>Background color:&nbsp;<\/strong>set the color for the background.<\/li>\n<\/ul>\n\n\n\n<p><strong><em>Example<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-content-example.png\" data-rel=\"lightbox-image-27\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1580\" height=\"722\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-content-example.png\" alt=\"Related content example\" class=\"wp-image-676\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-content-example.png 1580w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-content-example-300x137.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-content-example-1024x468.png 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-content-example-768x351.png 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/related-content-example-1536x702.png 1536w\" sizes=\"auto, (max-width: 1580px) 100vw, 1580px\" \/><\/a><\/figure>\n\n\n\n<p>3. <strong>Overlay p<strong>roducts results block:&nbsp;<\/strong><\/strong>this is the block that shows the products found as search results through which you can set:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/product-results-overlay.png\" data-rel=\"lightbox-image-28\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"428\" height=\"1080\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/product-results-overlay.png\" alt=\"Overlay product results\" class=\"wp-image-678\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/product-results-overlay.png 428w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/product-results-overlay-119x300.png 119w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/product-results-overlay-406x1024.png 406w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Grid layout: <\/strong>here you can set the number of <strong>columns<\/strong> and <strong>rows<\/strong> to show;<\/li>\n\n\n\n<li><strong>No results text:&nbsp;<\/strong>enter the text to show when there are no results for the search;<\/li>\n\n\n\n<li><strong>Content: <\/strong>enable\/disable the info to show in the results:\n<ul class=\"wp-block-list\">\n<li><strong>name<\/strong><\/li>\n\n\n\n<li><strong>price<\/strong><\/li>\n\n\n\n<li><strong>image<\/strong><\/li>\n\n\n\n<li><strong>Add to cart<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong><em>Example<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-related-products.jpg\" data-rel=\"lightbox-image-29\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1720\" height=\"792\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-related-products.jpg\" alt=\"Overlay related products\" class=\"wp-image-681\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-related-products.jpg 1720w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-related-products-300x138.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-related-products-1024x472.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-related-products-768x354.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/overlay-related-products-1536x707.jpg 1536w\" sizes=\"auto, (max-width: 1720px) 100vw, 1720px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"empty-state-overlay\">Empty state block<\/h3>\n\n\n\n<p>This is the block that manages the search field when still empty.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-overlay.jpg\" data-rel=\"lightbox-image-30\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2250\" height=\"744\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-overlay.jpg\" alt=\"Empty state block (overlay)\" class=\"wp-image-682\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-overlay.jpg 2250w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-overlay-300x99.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-overlay-1024x339.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-overlay-768x254.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-overlay-1536x508.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/empty-state-overlay-2048x677.jpg 2048w\" sizes=\"auto, (max-width: 2250px) 100vw, 2250px\" \/><\/a><\/figure>\n\n\n\n<p>By selecting this block, you will find 2 additional blocks (<strong>Search history<\/strong> and <strong>Popular searches<\/strong> block).<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Search history:&nbsp;<\/strong>this is the block that shows the latest searches made by the user through which you can configure the following settings:<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/search-history-overlay.jpg\" data-rel=\"lightbox-image-31\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"376\" height=\"508\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/search-history-overlay.jpg\" alt=\"Search history block (overlay)\" class=\"wp-image-683\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/search-history-overlay.jpg 376w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/search-history-overlay-222x300.jpg 222w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Label:&nbsp;<\/strong>enter the text to show for the search history;<\/li>\n\n\n\n<li><strong>Max latest search items:&nbsp;<\/strong>set the maximum number of results to show for the latest searches.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-docs-light-blue-background-color has-background\"><strong>Please note<\/strong>: the search is registered&nbsp;<strong>only<\/strong>&nbsp;if the user visits the product page.<\/p>\n\n\n\n<p>2.&nbsp;<strong>Popular searches block:&nbsp;<\/strong>this is the block that shows the most popular searches made by all the users through which you can configure the following settings:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-overlay.jpg\" data-rel=\"lightbox-image-32\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"376\" height=\"536\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-overlay.jpg\" alt=\"Popular searches block (overlay)\" class=\"wp-image-684\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-overlay.jpg 376w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/popular-searches-overlay-210x300.jpg 210w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Label:&nbsp;<\/strong>enter the text to show for the popular searches;<\/li>\n\n\n\n<li><strong>Searches to show:&nbsp;<\/strong>set the maximum number of results to show for the popular searches.<\/li>\n<\/ul>\n\n\n\n<p><strong><em>Examples<\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/latest-searches.jpg\" data-rel=\"lightbox-image-33\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"390\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/latest-searches-1024x390.jpg\" alt=\"Latest searches example\" class=\"wp-image-686\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/latest-searches-1024x390.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/latest-searches-300x114.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/latest-searches-768x293.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/latest-searches-1536x585.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/latest-searches-2048x780.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Latest searches<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/Screenshot-2024-02-20-alle-14.30.31-min.png\" data-rel=\"lightbox-image-34\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/Screenshot-2024-02-20-alle-14.30.31-min-1024x516.png\" alt=\"Popular searches example\" class=\"wp-image-685\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/Screenshot-2024-02-20-alle-14.30.31-min-1024x516.png 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/Screenshot-2024-02-20-alle-14.30.31-min-300x151.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/Screenshot-2024-02-20-alle-14.30.31-min-768x387.png 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/Screenshot-2024-02-20-alle-14.30.31-min-1536x774.png 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/Screenshot-2024-02-20-alle-14.30.31-min-2048x1032.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Popular searches<\/figcaption><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The plugin is ready to use with the block editor. When creating a new post or page, you can find the YITH blocks: Classic search and Overlay search. You can add them to your page with a simple click. Classic search When selecting Classic search, you can choose the input size from&nbsp;Small&nbsp;and&nbsp;Large. This block includes &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Blocks<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-321","post","type-post","status-publish","format-standard","hentry","category-premium-settings"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YITH Ajax Search: Blocks<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Ajax Search: Blocks\" \/>\n<meta property=\"og:description\" content=\"The plugin is ready to use with the block editor. When creating a new post or page, you can find the YITH blocks: Classic search and Overlay search. You can add them to your page with a simple click. Classic search When selecting Classic search, you can choose the input size from&nbsp;Small&nbsp;and&nbsp;Large. This block includes &hellip; Continue reading Blocks\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH WooCommerce Ajax Search\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-21T13:53:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-20T13:40:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/blocks-2-scaled-e1708007239212.jpg\" \/>\n<meta name=\"author\" content=\"alessandra\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"alessandra\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/\",\"name\":\"YITH Ajax Search: Blocks\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/blocks-2-scaled-e1708007239212.jpg\",\"datePublished\":\"2023-09-21T13:53:11+00:00\",\"dateModified\":\"2024-02-20T13:40:20+00:00\",\"author\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/#\/schema\/person\/526d0e378b94e5d769cc699423a893fd\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/blocks-2-scaled-e1708007239212.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/blocks-2-scaled-e1708007239212.jpg\",\"width\":1760,\"height\":275,\"caption\":\"Ajax Search blocks\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/\",\"name\":\"YITH WooCommerce Ajax Search\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/#\/schema\/person\/526d0e378b94e5d769cc699423a893fd\",\"name\":\"alessandra\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7a82076030fd86df0a1c777be78906d9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7a82076030fd86df0a1c777be78906d9?s=96&d=mm&r=g\",\"caption\":\"alessandra\"},\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/author\/alessandra\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Ajax Search: Blocks","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/","og_locale":"en_US","og_type":"article","og_title":"YITH Ajax Search: Blocks","og_description":"The plugin is ready to use with the block editor. When creating a new post or page, you can find the YITH blocks: Classic search and Overlay search. You can add them to your page with a simple click. Classic search When selecting Classic search, you can choose the input size from&nbsp;Small&nbsp;and&nbsp;Large. This block includes &hellip; Continue reading Blocks","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/","og_site_name":"YITH WooCommerce Ajax Search","article_published_time":"2023-09-21T13:53:11+00:00","article_modified_time":"2024-02-20T13:40:20+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/blocks-2-scaled-e1708007239212.jpg","type":"","width":"","height":""}],"author":"alessandra","twitter_card":"summary_large_image","twitter_misc":{"Written by":"alessandra","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/","name":"YITH Ajax Search: Blocks","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/blocks-2-scaled-e1708007239212.jpg","datePublished":"2023-09-21T13:53:11+00:00","dateModified":"2024-02-20T13:40:20+00:00","author":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/#\/schema\/person\/526d0e378b94e5d769cc699423a893fd"},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/blocks-2-scaled-e1708007239212.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-content\/uploads\/sites\/289\/2023\/09\/blocks-2-scaled-e1708007239212.jpg","width":1760,"height":275,"caption":"Ajax Search blocks"},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/premium-settings\/blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/"},{"@type":"ListItem","position":2,"name":"Blocks"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/","name":"YITH WooCommerce Ajax Search","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/#\/schema\/person\/526d0e378b94e5d769cc699423a893fd","name":"alessandra","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7a82076030fd86df0a1c777be78906d9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7a82076030fd86df0a1c777be78906d9?s=96&d=mm&r=g","caption":"alessandra"},"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/author\/alessandra\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/posts\/321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/comments?post=321"}],"version-history":[{"count":17,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/posts\/321\/revisions"}],"predecessor-version":[{"id":688,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/posts\/321\/revisions\/688"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/media?parent=321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/categories?post=321"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-ajax-search\/wp-json\/wp\/v2\/tags?post=321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}