{"id":30344,"date":"2023-03-22T10:16:10","date_gmt":"2023-03-22T04:46:10","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=30344"},"modified":"2026-04-07T13:40:44","modified_gmt":"2026-04-07T08:10:44","slug":"th-advance-product-search","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/th-advance-product-search\/","title":{"rendered":"TH Advance Product Search"},"content":{"rendered":"\n<section class=\"wp-block-group Install-plugin has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Plugin Installation ( Free Version )<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1: <\/strong>&nbsp;Go to your <strong>Wp Dashboard &gt; Wp Admin Plugins &gt; Add New<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/02\/Add-plugin.png?ssl=1\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/02\/Add-plugin.png?resize=1024%2C525&#038;ssl=1\" alt=\"\" class=\"wp-image-98515\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/02\/Add-plugin.png?resize=1024%2C525&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/02\/Add-plugin.png?resize=300%2C154&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/02\/Add-plugin.png?resize=768%2C394&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/02\/Add-plugin.png?resize=48%2C25&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/02\/Add-plugin.png?w=1085&amp;ssl=1 1085w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 2<\/strong>: In the search bar, search for&#8221;Th Advance Product Search&#8221;. Click on the \u2018Install Now\u2019 button. After the installation is completed, click on the&nbsp;\u2018<strong>Activate<\/strong>\u2019 button and &#8220;Th Advance Product Search&#8221; will be activated.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Install-2.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Install-2.png?resize=1024%2C561&#038;ssl=1\" alt=\"\" class=\"wp-image-101001\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Install-2.png?resize=1024%2C561&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Install-2.png?resize=300%2C164&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Install-2.png?resize=768%2C421&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Install-2.png?resize=1536%2C842&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Install-2.png?resize=48%2C26&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Install-2.png?w=1580&amp;ssl=1 1580w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 3:<\/strong> After activating \u201c<strong>Th Advance Product Search<\/strong>\u201d in your dashboard, you can see the \u201c<strong>Themehunk<\/strong>\u201d tab on the right side. Under it you\u2019ll find Th Advance Product Search tab, click on it. Now you can start customizing it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Search-free-1.png?resize=1024%2C554&#038;ssl=1\" alt=\"\" class=\"wp-image-101008\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Search-free-1.png?resize=1024%2C554&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Search-free-1.png?resize=300%2C162&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Search-free-1.png?resize=768%2C416&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Search-free-1.png?resize=1536%2C831&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Search-free-1.png?resize=48%2C26&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Search-free-1.png?w=1582&amp;ssl=1 1582w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color has-background has-link-color wp-elements-f9b0519e0926ec40c2452cb31ad1be85 wp-block-paragraph\" style=\"color:#003957;background-color:#8dd2fc0a\">You can download the Search plugin <a href=\"https:\/\/wordpress.org\/plugins\/th-advance-product-search\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">from here<\/a>.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group Installing-plugin is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Plugin Installation ( Pro Version )<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1:<\/strong> Navigate to the ThemeHunk homepage, You will see &#8220;<strong>Plugins<\/strong>&#8221; menus on the top, when you hover over it you&#8217;ll see <strong>Th Advance Product Search, <\/strong>click on it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/ThemeHunk_-Advance-Product-Search.webp?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/ThemeHunk_-Advance-Product-Search.webp?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-100016\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/ThemeHunk_-Advance-Product-Search.webp?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/ThemeHunk_-Advance-Product-Search.webp?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/ThemeHunk_-Advance-Product-Search.webp?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/ThemeHunk_-Advance-Product-Search.webp?resize=1536%2C864&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/ThemeHunk_-Advance-Product-Search.webp?resize=48%2C27&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/ThemeHunk_-Advance-Product-Search.webp?w=1600&amp;ssl=1 1600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 2<\/strong>: Afterwards, just simply hit the <strong>\u2018Buy Premium\u2019<\/strong>&nbsp;button and it will directly take you to the&nbsp;<strong><a href=\"https:\/\/themehunk.com\/advance-product-search\/#pricing\" target=\"_blank\" rel=\"noreferrer noopener\">\u2018Pricing<\/a>\u2018&nbsp;<\/strong>section of Th Advance Product Search Pro Plugin.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Advance-Product-Search_-Get-Started.webp?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Advance-Product-Search_-Get-Started.webp?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-100018\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Advance-Product-Search_-Get-Started.webp?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Advance-Product-Search_-Get-Started.webp?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Advance-Product-Search_-Get-Started.webp?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Advance-Product-Search_-Get-Started.webp?resize=1536%2C864&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Advance-Product-Search_-Get-Started.webp?resize=48%2C27&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2026\/03\/Advance-Product-Search_-Get-Started.webp?w=1600&amp;ssl=1 1600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-color has-background has-link-color wp-elements-6ec89bded0d60543eefffd3fb6473428 wp-block-paragraph\" style=\"color:#003957;background-color:#8dd2fc0a\">You can install TH Advance Search <a href=\"https:\/\/themehunk.com\/advance-product-search\/\" target=\"_blank\" rel=\"noreferrer noopener\">from here<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 3<\/strong>: Now choose your desired plan from here and hit the button <strong>Buy Now <\/strong>from the desired table.<\/li>\n\n\n\n<li><strong>Step 4<\/strong>: Purchase your plugin from here, and fill in all the required details. Login to your member\u2019s area. Your pro plugin has been added to your member\u2019s area dashboard.<\/li>\n\n\n\n<li><strong>Step 5<\/strong>: You\u2019ll see a Th Advance Product Search Pro plugin zip file in your Member&#8217;s area. Download the zip file of the plugin.<\/li>\n\n\n\n<li><strong>Step 6<\/strong>: Now, Open your <strong>WP Dashboard &gt; Plugins &gt; Add New &gt; Upload the Plugin Zip file and Activate it<\/strong>.<\/li>\n\n\n\n<li>You can See \u201c<strong>Th Advance Product Search Pro<\/strong>\u201d panel in your dashboard.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group using-shortcode has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">How to Integrate Search Bar in your Theme.<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Using Shortcode<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can easily add Th Advance Product Search to your website with a shortcode. There are a few configurations possible: For adding a Search bar you can use Shortcodes, widgets, or add code in your PHP file.<\/li>\n\n\n\n<li><code>[th-aps]<\/code> To display the default search bar.<\/li>\n\n\n\n<li><code>[th-aps layout=\"bar_style\"]<\/code> To display the search bar with an icon.<\/li>\n\n\n\n<li><code>[th-aps layout=\"icon_style\"]<\/code> To display the search icon only, the Search bar will display on click.<\/li>\n\n\n\n<li><code>[th-aps layout=\"flexible-style\"]<\/code> To display the search bar on PC and the search icon in mobile view.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Product-Search.png?resize=1024%2C531&#038;ssl=1\" alt=\"\" class=\"wp-image-100745\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Product-Search.png?resize=1024%2C531&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Product-Search.png?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Product-Search.png?resize=768%2C398&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Product-Search.png?resize=1536%2C796&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Product-Search.png?resize=48%2C25&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Dashboard_-Product-Search.png?w=1574&amp;ssl=1 1574w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group using-widget has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Using Widget<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can add a Search bar using the widget given in your widget panel.<\/li>\n\n\n\n<li>Go to the Widget panel, search, and choose &#8220;<strong>TH Advance Search Widget<\/strong>&#8220;. Now add this search to any widget area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"722\" height=\"402\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/search-5.png?resize=722%2C402&#038;ssl=1\" alt=\"\" class=\"wp-image-31373\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/search-5.png?w=722&amp;ssl=1 722w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/search-5.png?resize=300%2C167&amp;ssl=1 300w\" sizes=\"(max-width: 722px) 100vw, 722px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group using-php has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Using PHP<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can add a Search bar using PHP.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;?php echo do_shortcode('[th-aps]'); ?&gt;<\/code><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add this php code to the desired location in any php file. The search display style depends on the shortcode you are using in the php code.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group add-menu has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Add Th Advance Product Search to Menu<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance<\/strong> -&gt; Menus, choose the menu you want to insert TH Advance Search Bar to, add TH Advance Search Bar to the menu, and save the changes. You can also change the layout of the search bar.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"395\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/search-6.png?resize=748%2C395&#038;ssl=1\" alt=\"\" class=\"wp-image-31371\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/search-6.png?w=748&amp;ssl=1 748w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/search-6.png?resize=300%2C158&amp;ssl=1 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group basic-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Basic Setting<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>General Search Settings<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For the Basic setting, Go to <strong>Th Advance Product Search &gt; Basic setting<\/strong>.<\/li>\n\n\n\n<li>Minimum Character &#8211; You can add the minimum character which will be shown in your autocomplete search.<\/li>\n\n\n\n<li>Search Bar Width &#8211; You can add the Maximum width of your search box, if you leave it blank, it will take 100% width.<\/li>\n\n\n\n<li>Submit Button &#8211; By clicking the box you can enable or disable the Submit button from your search box.<\/li>\n\n\n\n<li>Button Label &#8211; You can add the Submit button label text here.<\/li>\n\n\n\n<li>Placeholder Text &#8211; You can add the Placeholder text here.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Loading Experience<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visual Loader &#8211; You can Disable or enable the Loader from your search box.<\/li>\n\n\n\n<li>Custom Loader Icon <strong>( Pro )<\/strong> &#8211; You can upload a Preloader image here.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"789\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Basic.png?resize=1024%2C789&#038;ssl=1\" alt=\"\" class=\"wp-image-100746\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Basic.png?resize=1024%2C789&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Basic.png?resize=300%2C231&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Basic.png?resize=768%2C592&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Basic.png?resize=48%2C37&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Basic.png?w=1428&amp;ssl=1 1428w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Interface Overlay<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Focus Overlay &#8211; When you enable this overlay, a dark layer appears in the background of the search result.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This is how the Search will appear with an overlay in the background.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search-Overlay-GIF.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"388\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search-Overlay-GIF.gif?resize=800%2C388&#038;ssl=1\" alt=\"\" class=\"wp-image-95302\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group search-autocomplete-settings has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Advance Settings<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>With this plugin, you&#8217;ll get three different Search types &#8211; Product Search, Post Search, and Pages Search.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Search Autocomplete Settings<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"902\" height=\"1024\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Advance.png?resize=902%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-100965\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Advance.png?resize=902%2C1024&amp;ssl=1 902w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Advance.png?resize=264%2C300&amp;ssl=1 264w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Advance.png?resize=768%2C872&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Advance.png?resize=1353%2C1536&amp;ssl=1 1353w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Advance.png?resize=48%2C54&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Advance.png?w=1438&amp;ssl=1 1438w\" sizes=\"(max-width: 902px) 100vw, 902px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Limit<\/strong> &#8211; Set a limit that you want to see in search results.<\/li>\n\n\n\n<li><strong>No Result Label<\/strong> &#8211; You can change the text to show when there is no result.<\/li>\n\n\n\n<li><strong>More Result Label<\/strong> &#8211; Text of the button to show more results.<\/li>\n\n\n\n<li><strong>Enable Group Heading<\/strong> &#8211; This will add a heading above the results.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Group-Heading.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"188\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Group-Heading.png?resize=1024%2C188&#038;ssl=1\" alt=\"\" class=\"wp-image-100954\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Group-Heading.png?resize=1024%2C188&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Group-Heading.png?resize=300%2C55&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Group-Heading.png?resize=768%2C141&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Group-Heading.png?resize=48%2C9&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Group-Heading.png?w=1112&amp;ssl=1 1112w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Description Length<\/strong> &#8211; Set a limit on the description of the product in the search results.<\/li>\n\n\n\n<li><strong>Voice Search<\/strong> &#8211; Add a voice search feature to search bar.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group search-category has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Search Category<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Search By Category is a key feature in the TH Advance Product Search plugin that allows users to quickly narrow down search results by selecting specific product categories.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This improves the shopping experience by making it easier for customers to find relevant products without sifting through unrelated items. Whether you&#8217;re managing a large catalog or a niche store, this feature enhances both speed and accuracy in product discovery.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can enable this option from Advanced Settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can show the category on search, add a category filter, and also change the category filter label<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Search-Category.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"734\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Search-Category.png?resize=870%2C734&#038;ssl=1\" alt=\"\" class=\"wp-image-100804\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Search-Category.png?w=870&amp;ssl=1 870w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Search-Category.png?resize=300%2C253&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Search-Category.png?resize=768%2C648&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Search-Category.png?resize=48%2C40&amp;ssl=1 48w\" sizes=\"(max-width: 870px) 100vw, 870px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show Category<\/strong> &#8211; Show product category that the product belongs to.<\/li>\n\n\n\n<li><strong>Category Filter<\/strong> &#8211; You can filter the category before searching. Only products of the selected category will appear in the search.<\/li>\n\n\n\n<li><strong>Category Filter Label<\/strong> &#8211; Text that appears on the product category filter button.<\/li>\n\n\n\n<li><strong>Exclude Category<\/strong> &#8211; You can exclude categories that you want to remove from the filter.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group search-typepro has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Search Type Setting ( Pro )<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>With the Pro version, you&#8217;ll get Three different Search types &#8211; Product Search, Post search &amp; Pages Search. You&#8217;re free to choose all three search types.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Product Search<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>To add Product Search go to <strong>Th Search &gt; Advanced Search &gt; Search Autocomplete Settings &gt; Select Search Type &gt; Product<\/strong>. Now you can search site Products along with their categories.<\/li>\n\n\n\n<li>Enable Product Image &#8211; You can Enable or disable the Product image from the Search Suggestion box.<\/li>\n\n\n\n<li>Enable Product price &#8211; You can Enable or disable Product price.<\/li>\n\n\n\n<li>Enable Product Description &#8211; You can Enable or disable Product description.<\/li>\n\n\n\n<li>Enable Product SKU &#8211; You can Enable or disable Product SKU.<\/li>\n\n\n\n<li>Enable Add To Cart &#8211; You can Enable or disable Add to cart button from the search box. You can directly add your product to the cart.<\/li>\n\n\n\n<li>Exclude Product- Using this option you can Exclude Products by SKU ID separated by &#8220;, &#8220;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Post Search<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<ul class=\"wp-block-list\">\n<li>To add Product Search go to <strong>Th Search &gt; Advanced Search &gt; Search Autocomplete Settings &gt; Select Search Type &gt; Post<\/strong>. You can display your site post along with their description &amp; category.<\/li>\n\n\n\n<li><strong>Enable Post Image<\/strong> &#8211; You can Enable or disable post image from the Search Suggestion box.<\/li>\n\n\n\n<li><strong>Enable Post Description<\/strong> &#8211; You can Enable or disable post description from the Search Suggestion box.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Page Search<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><ul><li>To add Product Search go to <strong>Th Search &gt; Advanced Search &gt; Search Autocomplete Settings &gt; Select Search Type &gt; Page <\/strong>. You can display your site page along with its description &amp; image. <strong>Enable Page Image &#8211;<\/strong> You can Enable or disable post image from the Search Suggestion box. <strong>Enable Page Description &#8211;<\/strong> You can Enable or disable post description from Search Suggestion box.<\/li><\/ul><a href=\"https:\/\/themehunk.com\/wp-content\/uploads\/2023\/03\/search-plugin-7012.png\"><\/a><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group boost-search has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Boost Search<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This feature is incredible as it increases the speed of the search. You can make the search faster by building a Search Index Table, ultimately providing a smooth experience to users.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Boost-Search-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Boost-Search-1.png?resize=1024%2C574&#038;ssl=1\" alt=\"\" class=\"wp-image-101003\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Boost-Search-1.png?resize=1024%2C574&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Boost-Search-1.png?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Boost-Search-1.png?resize=768%2C430&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Boost-Search-1.png?resize=48%2C27&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Boost-Search-1.png?w=1424&amp;ssl=1 1424w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This generates an optimized database table with all of your products in a normalized and structured format. It queries this highly optimized index table and shows lightning-fast results.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There is a <strong>Batch limit<\/strong>, which is the limit of products to be tabled. You can increase the limit, but be reminded larger the limit, the more server load. You can rebuild the Search Index after one another.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group fuzzy-string-and-synonym has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Fuzzy String And Synonyms<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fuzzy String is a very important feature that an ecommerce website must have. It helps to show the result even if the spelling is not correct.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You just need to enable this feature<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Fuzzy.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"661\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Fuzzy.png?resize=1024%2C661&#038;ssl=1\" alt=\"\" class=\"wp-image-100763\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Fuzzy.png?resize=1024%2C661&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Fuzzy.png?resize=300%2C194&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Fuzzy.png?resize=768%2C496&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Fuzzy.png?resize=48%2C31&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Fuzzy.png?w=1440&amp;ssl=1 1440w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fuzzy Matching Level (%)<\/strong> &#8211; This means this percentage of the spelling should be matched with the desired result.<br>Let&#8217;s take an example, here, by default 50% is set. Which means if the searched spelling is matched 50% then it will show the result. If you set this value to 100% then users need to write the exact spelling.<\/li>\n\n\n\n<li><strong>Synonym<\/strong> &#8211; You need to make groups of words separated by a pipe (|). As you can see in the image, there is a first group of <strong>Trousers and Pants<\/strong>. So, if product A contains the word Trouser but a user searches for Pant then the search result will show Product A.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s understand this with an example. There is a product with the word &#8216;<strong>Trousers<\/strong>&#8216; in its description.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/advance-search_-product.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/advance-search_-product.jpg?resize=1024%2C495&#038;ssl=1\" alt=\"\" class=\"wp-image-95344\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/advance-search_-product.jpg?resize=1024%2C495&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/advance-search_-product.jpg?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/advance-search_-product.jpg?resize=768%2C371&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/advance-search_-product.jpg?resize=1536%2C742&amp;ssl=1 1536w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/advance-search_-product.jpg?resize=48%2C23&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/advance-search_-product.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">So when I search <strong><em>Paint<\/em><\/strong> (wrong spelling of <strong>Pants<\/strong>), it is showing the product in the results. Because it has its synonym (Trouser) in its description. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Fuzzy-Search-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"388\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Fuzzy-Search-gif.gif?resize=800%2C388&#038;ssl=1\" alt=\"\" class=\"wp-image-95343\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group search-queries has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Search Queries<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here, you get the queries that users search on your website. Respective options are given to filter the queries.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Queries.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"424\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Queries.png?resize=747%2C424&#038;ssl=1\" alt=\"\" class=\"wp-image-100926\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Queries.png?w=747&amp;ssl=1 747w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Queries.png?resize=300%2C170&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Queries.png?resize=48%2C27&amp;ssl=1 48w\" sizes=\"(max-width: 747px) 100vw, 747px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Hit &#8211; How many times the query is searched.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ID &#8211; Order of searching<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Products &#8211; Result in the searched query.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group  search-configure has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Search Configure Setting <strong>( Pro )<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Th Search &gt; Advanced Search &gt; Search configure &gt; Search scope in Product<\/strong>.<\/li>\n\n\n\n<li>From this setting, you can search your products using Categories, Tags, Attributes, Descriptions, Short Descriptions, and SKU ids.<\/li>\n\n\n\n<li>Just check the desired options, this will enable search scope in your products.<\/li>\n\n\n\n<li><strong>Highlight in Product<\/strong> &#8211; Check the box and search Sale Product, Featured Product, and Stock products in your search box.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1005\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Configure.png?resize=1024%2C1005&#038;ssl=1\" alt=\"\" class=\"wp-image-100780\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Configure.png?resize=1024%2C1005&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Configure.png?resize=300%2C294&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Configure.png?resize=768%2C754&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Configure.png?resize=48%2C47&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Configure.png?w=1440&amp;ssl=1 1440w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Suggested \/ Trending Searches<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Suggested\/Trending Enable <\/strong>&#8211; Enable this button to enhance the users&#8217; experience in search.<\/li>\n\n\n\n<li><strong>Limit<\/strong> &#8211; Set limit to show in this section.<\/li>\n\n\n\n<li><strong>Trending Label<\/strong> &#8211; Label that appears above the trending section, you can change it too.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Suggested-Search-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"388\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Suggested-Search-gif.gif?resize=800%2C388&#038;ssl=1\" alt=\"\" class=\"wp-image-95374\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you select <strong>Popular<\/strong>, then the trending searches will be shown in the search.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Highlight in Product<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Highlight-in-product.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"853\" height=\"274\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Highlight-in-product.png?resize=853%2C274&#038;ssl=1\" alt=\"\" class=\"wp-image-100785\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Highlight-in-product.png?w=853&amp;ssl=1 853w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Highlight-in-product.png?resize=300%2C96&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Highlight-in-product.png?resize=768%2C247&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Highlight-in-product.png?resize=48%2C15&amp;ssl=1 48w\" sizes=\"(max-width: 853px) 100vw, 853px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you select these options, then products will be highlighted in searches. An example is given below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Highlight-in-product-gif.gif?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"388\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Highlight-in-product-gif.gif?resize=800%2C388&#038;ssl=1\" alt=\"\" class=\"wp-image-95389\"\/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group style-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Search Style Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add color to your site search, just go to <strong>Dashboard &gt; Th Search &gt; Style.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"1024\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Style.png?resize=966%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-100791\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Style.png?resize=966%2C1024&amp;ssl=1 966w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Style.png?resize=283%2C300&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Style.png?resize=768%2C814&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Style.png?resize=48%2C51&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Style.png?w=1439&amp;ssl=1 1439w\" sizes=\"(max-width: 966px) 100vw, 966px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Search Bar<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bar Background Color &#8211; Pick a color for your Search bar background from here.<\/li>\n\n\n\n<li>Border Color &#8211; You can pick the color for the Search bar border.<\/li>\n\n\n\n<li>Placeholder Color &#8211; You can pick the color of the Placeholder text.<\/li>\n\n\n\n<li>Submit Button BG Color &#8211; You can pick the color for the background of submit button.<\/li>\n\n\n\n<li>Submit Button Text Color &#8211; You can pick the color of the text of submit button.<\/li>\n\n\n\n<li>Submit Button BG Hover Color &#8211; You can pick the color for the background hover color of submit button.<\/li>\n\n\n\n<li>Submit Button Text Hover Color &#8211; You can pick the color for the hover text color of submit button.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Suggestion Box<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &#8211; Pick color for your Suggestion Box background from here.<\/li>\n\n\n\n<li>Highlight Color &#8211; You can pick color for Suggestion Box highlight color from here.<\/li>\n\n\n\n<li>Selected Color &#8211; This option will be useful in showing the selected element with a different color while hovering over the text.<\/li>\n\n\n\n<li>Border color &#8211; You can pick color for Suggestion Box border.<\/li>\n\n\n\n<li>Group Title Color &#8211; You can pick color of the Group Title.<\/li>\n\n\n\n<li>Title Color- You can pick color for Title of suggestion box<\/li>\n\n\n\n<li>Text Color &#8211; You can pick color for text color of suggestion box<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group style-settingpro has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Search Style Setting ( Pro )<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bar Background Color &#8211; Pick color for your Search bar background from here.<\/li>\n\n\n\n<li>Border Color &#8211; You can pick color for Search bar border.<\/li>\n\n\n\n<li>Placeholder Color &#8211; You can pick color of the Placeholder text.<\/li>\n\n\n\n<li>Submit Button BG Color &#8211; You can pick color for the background of submit button.<\/li>\n\n\n\n<li>Submit Button Text Color &#8211; You can pick color of the text of submit button.<\/li>\n\n\n\n<li>Submit Button BG Hover Color &#8211; You can pick color for background hover color of submit button.<\/li>\n\n\n\n<li>Submit Button Text Hover Color &#8211; You can pick color for hover text color of submit button.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Suggestion Box<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &#8211; Pick color for your Suggestion Box background from here.<\/li>\n\n\n\n<li>Highlight Color &#8211; You can pick color for Suggestion Box highlight color from here.<\/li>\n\n\n\n<li>Selected Color &#8211; This option will be useful in showing the selected element with different color while hovering over the text.<\/li>\n\n\n\n<li>Border color &#8211; You can pick color for Suggestion Box border.<\/li>\n\n\n\n<li>Group Title Color &#8211; You can pick color of the Group Title.<\/li>\n\n\n\n<li>Title Color- You can pick color for Title of suggestion box<\/li>\n\n\n\n<li>Text Color &#8211; You can pick color for text color of suggestion box<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Product<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Feature Icon Color &#8211; You can pick the color for Featured icon of your product.<\/li>\n\n\n\n<li>Sale BG Color &#8211; You can pick the color for sale product background.<\/li>\n\n\n\n<li>Sale Text Color &#8211; You can pick the color for the sale product text.<\/li>\n\n\n\n<li>Add to Cart Color &#8211; You can pick the add to cart button color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"527\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_Style-GIF.gif?resize=800%2C527&#038;ssl=1\" alt=\"\" class=\"wp-image-100836\"\/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group add-to-cart has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Add to Cart Button on Search (Pro)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Add to Cart Button on Search Suggestions is a convenient feature in the TH Advance Product Search plugin that allows customers to add products to their cart directly from the live search suggestions dropdown. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As users type in the search bar, relevant products appear instantly along with an &#8220;Add to Cart&#8221; button, enabling a faster and more seamless shopping experience without needing to visit the product page. This enhances user convenience and can help boost conversions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can enable this feature from Style section.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-add-to-cart.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"452\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-add-to-cart.png?resize=440%2C452&#038;ssl=1\" alt=\"\" class=\"wp-image-100814\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-add-to-cart.png?w=440&amp;ssl=1 440w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-add-to-cart.png?resize=292%2C300&amp;ssl=1 292w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-add-to-cart.png?resize=48%2C49&amp;ssl=1 48w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group voice-search has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Voice Search<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your Search plugin dashboard and go to Advance Settings. Enable the Voice Search. Having enabled the button, you will see the microphone icon in the search bar.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Voice-Search-2.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"418\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Voice-Search-2.jpg?resize=1024%2C418&#038;ssl=1\" alt=\"\" class=\"wp-image-101006\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Voice-Search-2.jpg?resize=1024%2C418&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Voice-Search-2.jpg?resize=300%2C122&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Voice-Search-2.jpg?resize=768%2C314&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Voice-Search-2.jpg?resize=48%2C20&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Voice-Search-2.jpg?w=1183&amp;ssl=1 1183w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This is how it will look in the search bar.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Voice-Search.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"92\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Voice-Search.png?resize=596%2C92&#038;ssl=1\" alt=\"\" class=\"wp-image-100840\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Voice-Search.png?w=596&amp;ssl=1 596w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Voice-Search.png?resize=300%2C46&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Voice-Search.png?resize=48%2C7&amp;ssl=1 48w\" sizes=\"(max-width: 596px) 100vw, 596px\" \/><\/a><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group google-analytics has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Search Analytics Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For search analytics, Go to Th Search &gt; Search Analytics.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">To enable the Search analytics feature, follow the below instructions &#8211;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. First login to your Google Analytics, and Go to the Admin screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Open \u201cView Settings\u201d view<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Enable the \u201cSite Search\u201d module<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. Add \u201cs\u201d as a query parameter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. Save settings<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"511\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/google-analtytics-setting.png?resize=663%2C511&#038;ssl=1\" alt=\"\" class=\"wp-image-31390\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/google-analtytics-setting.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/google-analtytics-setting.png?resize=300%2C231&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Enable Search module in website using PHP.<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To Enable Site Search module in the site search Paste the following code into &#8220;functions.php&#8221; in your child theme.:<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><code>apply_filters(\"thaps_enable_ga_site_search_module\", \"__return_true\" );<\/code><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To disable integrarion with Google Analytics paste following code &#8220;functions.php&#8221; your child theme.:<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><code>thaps_google_analytics_events\", \"__return_false\" );<\/code><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"708\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Analytics.png?resize=1024%2C708&#038;ssl=1\" alt=\"\" class=\"wp-image-100816\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Analytics.png?resize=1024%2C708&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Analytics.png?resize=300%2C208&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Analytics.png?resize=768%2C531&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Analytics.png?resize=48%2C33&amp;ssl=1 48w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2023\/03\/Search_-Analytics.png?w=1440&amp;ssl=1 1440w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Result &#8211;<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"320\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/google-analtyitcs-result.png?resize=663%2C320&#038;ssl=1\" alt=\"\" class=\"wp-image-31398\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/google-analtyitcs-result.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2021\/08\/google-analtyitcs-result.png?resize=300%2C145&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group reset-allsetting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Reset All Settings<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To Reset all the plugin Settings, Just go to Th Advance Product search &gt; Reset All Plugin settings &gt; Click on the button Reset All.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group get-support has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Get Help<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you face any difficulties, feel free to contact our support team at <a href=\"https:\/\/www.support.themehunk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">support forum<\/a>.<\/li>\n\n\n\n<li>You can also <a href=\"https:\/\/themehunk.com\/contact-us\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contact us.<\/a> by filling the form or ping us at our Live chat for pre-sales queries.<\/li>\n<\/ul>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Plugin Installation ( Free Version ) You can download the Search plugin from here. Plugin Installation ( Pro Version ) You can install TH Advance Search from here. How to Integrate Search Bar in your Theme. Using Shortcode Using Widget Using PHP &lt;?php echo do_shortcode(&#8216;[th-aps]&#8217;); ?&gt; Add Th Advance Product Search to Menu Basic Setting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-30344","docs","type-docs","status-publish","hentry","docscate-lite-plugin","docscate-pro-plugin"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/30344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":66,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/30344\/revisions"}],"predecessor-version":[{"id":101032,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/30344\/revisions\/101032"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=30344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}