Th Advance Product Search

Plugin Installation ( Free Version )

Th Advance Product Search Plugin is a Super fast Ajax live search for searching your Product, page and post.

  • Step 1:  Go to your Wp Dashboard > Wp Admin Plugins > Add New. Then in the search box,  enter the name “Th Advance Product Search”. Plugin will appear. Then click on the ‘Install Now’ button.
  • installing-plugin-advance-search-plugin

  • Step 2: After the installation is completed, click on the ‘Activate’ button and “Th Advance Product Search” will be activated.
  • activate advance search plugin

  • Step 3: After activating “Th Advance Product Search” in your dashboard you can start customizing it.
  • Th-Advance-Product-search (1)

How to Integrate Search Bar in your Theme.

Using Shortcode

  • You can easily add Th Advance Product Search to your website with a shortcode. There are a few configurations possible: For adding Search bar you can use Shortcodes, widget or add code in your PHP file.
  • [th-aps] To display default search bar.
  • [th-aps layout="bar_style"] To display search bar with icon.
  • [th-aps layout="icon_style"] To display search icon only, Search bar will display on click.
  • [th-aps layout="flexible-style"] To display search bar in PC and search icon in mobile view.
  • using-shortcode

Using Widget

  • You can add Search bar using widget given in your widget panel.
  • Go to Widget panel, search and choose “TH Advance Search Widget”. Now add this search any widget area.

Using PHP

    • You can add Search bar using PHP.

<?php echo do_shortcode('[th-aps]'); ?>

  • Add this php code at the desired location in any php file. Search display style depends on shortcode you are using in the php code.

Add Th Advance Product Search to Menu

  • Go to Appearance -> Menus, choose the menu you want to insert TH Advance Search Bar to, add TH Advance Search Bar to menu and save the changes. You can also change the layout of the search bar.

Basic Setting

  • For Basic setting, Go to Th advance Product search > Basic setting.
  • Minimum Character – You can add the minimum character which will be shown in your autocomplete search.
  • Max Width – You can add the Maximum width of your search box, if you leave it blank it will take the 100% width.
  • Enable Submit Button – By clicking the box you can enable or disable the Submit button from your search box.
  • Submit Button Label – You can add the Submit button label text here.
  • Placeholder Text – You can add the Placeholder text here.
  • Loader – You can Disable or enable the Loader from your search box.

Search Type Setting

  • With this plugin you’ll get Three different Search types – Product Search, Post search & Pages Search.

Product Search

  • To add Product Search go to Th Search > Advanced Search > Search Autocomplete Settings > Select Search Type > Product . Now you can search site Products along with their categories.
  • Enable Product Image – You can Enable or disable Product image from Search Suggestion box.
  • Enable Product price – You can Enable or disable Product price.
  • Enable Product Description – You can Enable or disable Product description.
  • Enable Product SKU – You can Enable or disable Product SKU.
  • Exclude Product- Using this option you can Exclude Product by SKU ID separated by ” , “
  • Product-Search

Post Search

  • To add Product Search go to Th Search > Advanced Search > Search Autocomplete Settings > Select Search Type > Post . You can display your site post along with their description & category.
  • Enable Post Image – You can Enable or disable post image from Search Suggestion box.
  • Enable Post Description – You can Enable or disable post description from Search Suggestion box.

Page Search

  • To add Product Search go to Th Search > Advanced Search > Search Autocomplete Settings > Select Search Type > Page . You can display your site page along with their description & image.
  • Enable Page Image – You can Enable or disable post image from Search Suggestion box.
  • Enable Page Description – You can Enable or disable post description from Search Suggestion box.

Search Autocomplete Setting

  • Go to Th Search > Advanced Search > Search Autocomplete Settings .
  • Select Search Type – From this option your choose the Search type Product, post & pages.
  • Limit – This option is useful for setting up the limit of product, post or pages in your search box suggestion.
  • No Result Label – You can add text here, This text will display at the search result dropdown.
  • More Result Label – You can add text here, This text will display at the search result dropdown.
  • Enable Group Heading – You can enable or disable group heading from here.
  • Description Length – From this option you can limit searched item description length. Count value in words.
  • Search Autocomplete Setting

Search Style Setting

  • To add color in your site search, Just go to Dashboard > Th Search > Style.

Search Bar

  • Bar Background Color – Pick color for your Search bar background from here.
  • Border Color – You can pick color for Search bar border.
  • Placeholder Color – You can pick color of the Placeholder text.
  • Submit Button BG Color – You can pick color for the background of submit button.
  • Submit Button Text Color – You can pick color of the text of submit button.
  • Submit Button BG Hover Color – You can pick color for background hover color of submit button.
  • Submit Button Text Hover Color – You can pick color for hover text color of submit button.

Suggestion Box

  • Background Color – Pick color for your Suggestion Box background from here.
  • Highlight Color – You can pick color for Suggestion Box highlight color from here.
  • Selected Color – This option will be useful in showing the selected element with different color while hovering over the text.
  • Border color – You can pick color for Suggestion Box border.
  • Group Title Color – You can pick color of the Group Title.
  • Title Color- You can pick color for Title of suggestion box
  • Text Color – You can pick color for text color of suggestion box


Search Analytics Setting

  • For search analytics, Go to Th Search > Search Analytics.

To enable Search analytics feature, follow the below instructions –

1. First login to your Google analytics, Go to Admin screen.

2. Open “View Settings” view

3. Enable “Site Search” module

4. Add “s” as a query parameter.

5. Save settings

Enable Search module in website using PHP.

  • To Enable Site Search module in the site search Paste the following code into “functions.php” in your child theme.:
  • apply_filters("thaps_enable_ga_site_search_module", "__return_true" );

  • To disable integrarion with Google Analytics paste following code “functions.php” your child theme.:
  • thaps_google_analytics_events", "__return_false" );

    search analytics

    Result –

    Get Help

    • If you face any difficulties, feel free to contact our support team at support forum.
    • You can also Contact us. by filling the form or ping us at our Live chat for pre sales queries.