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 see the “Themehunk” tab on the right side. Under it you’ll find Th Advance Product Search tab, click on it. Now you can start customizing it.

advance search 0324

Plugin Installation ( Pro Version )

    • Step 1: Navigate to the 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.

Installing th advanced search pro 1

    • 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.

Installing th advanced search pro 2

  • Step 3: Now choose your desired plan from here and hit the button Buy Now from the desired table.
  • Step 4: Purchase your plugin from here, and fill in all the required details. Login to your member’s area. Your pro plugin has been added to 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 the 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 a Search bar you can use Shortcodes, widgets, or add code in your PHP file.
    • [th-aps] To display the default search bar.
    • [th-aps layout="bar_style"] To display the search bar with an icon.
    • [th-aps layout="icon_style"] To display the search icon only, the Search bar will display on click.
    • [th-aps layout="flexible-style"] To display the search bar on PC and the search icon in mobile view.

advance search 0324

Using Widget

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

search 5

Using PHP

    • You can add a Search bar using PHP.

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

  • 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.

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 the menu, and save the changes. You can also change the layout of the search bar.

search 6

Basic Setting

    • For the 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 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 a Preloader image here.

search 8032

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 the Product image from the 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 Products by SKU ID separated by “, “

advance search 8 24

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 the Search Suggestion box.
    • Enable Post Description – You can Enable or disable post description from the 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 its description & image.
    • Enable Page Image – You can Enable or disable post image from the Search Suggestion box.
    • Enable Page Description – You can Enable or disable post description from the Search Suggestion box.

advance search 8 24

Search Type Setting ( Pro )

      • With the Pro version, 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 the Product image from the 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 the search box. You can directly add your product to the cart.
        • Exclude Product- Using this option you can Exclude Products 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 the Search Suggestion box.
        • Enable Post Description – You can Enable or disable post description from the 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 its description & image.
      • Enable Page Image – You can Enable or disable post image from the Search Suggestion box.
      • Enable Page Description – You can Enable or disable post description from Search Suggestion box.

      search plugin 7012

Search Autocomplete Setting

    • Go to Th Search > Advanced Search > Search Autocomplete Settings.
    • Select Search Type – From this option, you choose the Search type Product, post & pages.
    • Limit – This option is useful for setting up the limit of products, posts 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 Configure Setting ( Pro )

  • Go to Th Search > Advanced Search > Search configure > Search scope in Product.
  • From this setting, you can search your products using Categories, Tags, Attributes, Descriptions, Short Descriptions, and SKU ids.
  • 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.

advance search 46 25

Search Style Setting

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

Search Bar

  • Bar Background Color – Pick a color for your Search bar background from here.
  • Border Color – You can pick the color for the Search bar border.
  • Placeholder Color – You can pick the color of the Placeholder text.
  • Submit Button BG Color – You can pick the color for the background of submit button.
  • Submit Button Text Color – You can pick the color of the text of submit button.
  • Submit Button BG Hover Color – You can pick the color for the background hover color of submit button.
  • Submit Button Text Hover Color – You can pick the color for the 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 a 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 plugin 08 138

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 the sale product text.
  • Add to Cart Color – You can pick the add to cart button color.

search style 80 145

Search Analytics Setting

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

To enable the Search analytics feature, follow the below instructions –

1. First login to your Google Analytics, and Go to the Admin screen.

2. Open “View Settings” view

3. Enable the “Site Search” module

4. Add “s” as a query parameter.

5. Save settings

google analtytics setting

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 8032

Result –

google analtyitcs 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.