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)

Plugin Installation ( Pro Version )

  • Step 1 : Navigate to ThemeHunk homepage, You will see “Plugins” menus on the top, when you hover over it you’ll see Th Advance Product Search, click on it.
  • Step 2 : Afterward, just simply hit the ‘Buy Premium’ button and it will directly take you to the ‘Pricing‘ section of Th Advance Product Search Pro Plugin.
  • Step 3: Now choose your desired plan from here and hit the button Buy Now from desired table.
  • Step 4 : Purchase your plugin from here, fill all the required details. Login to your member’s area. Your pro plugin has been added in your member’s area dashboard.
  • Step 5 : You’ll see a Th Advance Product Search Pro plugin zip file in your Member’s area. Download the zip file of plugin.
  • Step 6 : Now, Open your WP Dashboard > Plugins > Add New > Upload the Plugin Zip file and Activate it.
  • You can See “Th Advance Product Search Pro” panel in your dashboard.

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.
    • Upload Loader Image – ( Pro ) – You can upload upload a Pre loader image here.

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 Type Setting ( Pro )

    • With Pro plugin you’ll get Three different Search types – Product Search, Post search & Pages Search. You’re free to choose all three search types.

    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.
      • Enable Add To Cart – You can Enable or disable Add to cart button from search box. You can directly add your product in cart.
      • Exclude Product- Using this option you can Exclude Product by SKU ID separated by ” , “

    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 Configure Setting ( Pro )

  • Go to Th Search > Advanced Search > Search configure > Search scope in Product.
  • From this setting you can you can search your products using Category, Tags, Attributes, Description, Short Description, SKU id’s.
  • Just check the desired options, this will enable search scope in your products.
  • Highlight in Product – Check the box and search Sale Product, Featured Product and Stock products in your search box.


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 Style Setting ( Pro )

  • 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

Product

  • Feature Icon Color – You can pick the color for Featured icon of your product.
  • Sale BG Color – You can pick the color for sale product background.
  • Sale Text Color – You can pick the color for sale product text.
  • Add to Cart Color – You can pick the add to cart button color.


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 –

Reset All Settings

  • To Reset all the plugin Settings, Just go to Th advance Product search > Reset All Plugin settings > Click on the button Reset All.

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.