Flash sale: Get up to 30% off themes and extensions. Ends April 26 at 3 pm UTC. Shop the sale.
  1. Documentation /
  2. Search Products PRO Documentation

Search Products PRO Documentation

Search Products Pro v.2.0.0

↑ Back to top
2023-01-20 – version 2.0.0 * added variable products sku search * added variable products meta search * added display options * added color options * added themes * added element sizes * added aside product category element * added shortcode support for all options * fixed characters to search
Hi! I’m the best search bar for WooCommerce! I can find any product easy and quicker than my competitors. That will affect the website conversion rate I’m installed at. Give it a try, it’s simple!
To install Search Products PRO plugin follow the steps below.
  • In your WordPress Dashboard navigate Plugins
  • Click Install Plugins and then click Add New
  • Click the Upload Plugin button
  • Upload the plugin ZIP file that you’ve downloaded from Codecanyon.net and click OK
  • Click Install Plugin to start the installation
  • When installation is complete, click Activate
  • This last step activates the plugin and now you can use it!
Automatic updates are available thru WordPress.org service. You will be notified in Plugins section of your WordPress Dashboard about the new version. We advise to keep yours at the latest version. Security and reliability wise that is the best solution. You can turn on the automatic updates for this plugin too, if you want to make us care about the updates.
Search Products PRO bar is initiated with a shortcode or a page builder widget/element. You can put the search bar anywhere on the website!
Shortcode is the most basic way of using the plugin. To output Search Products PRO bar element input following shortcode in the content builder.
Following shortcode outputs the search products bar default element:

[search_products_pro]

Supported shortcode parameters:

id=""
class=""
category="" // category slug, multiple separated with comma
position="" // "fixed" or "static"
size="" // "sm", "md" or "lg"
categorytree="" // "-1" full, "0" no category tree, "1" 1st level, "2" 2nd level, "3" 3rd level
showprice="" // "yes" or "no"
showimage="" // "yes" or "no"
showterms="" // "yes" or "no"
theme="" // theme name from the settings
callout="" // this is actually modal "yes" or "no"
iconcallout="" // url for the trigger modal icon replacement
iconsearch="" // url for the search icon replacement
iconx="" // url for the dismiss icon replacement
chartosearch="" // characters to search e.g. "2" or "3"
limit="" // limit products to show. e.g. "10"
placeholder="" // replace search input placeholder text
notfound="" // replace not found results text
catseparator="" // replace category separator e.g. ">"
Search Products PRO element has two methods.
  1. Direct element
  2. Call out element
Difference between the two methods follow. Direct method element will output the input search bar immediately. While call out element outputs a button to call search products modal that will fill out the whole screen. To call the call out method and show just a modal init button, use the following shortcode.
Following shortcode outputs the search products bar element:

[search_products_pro callout="yes"]
If you use Elementor or Elementor PRO page builders for WordPress, we’ve included the Search Products PRO widget. Find it in the General section or just type the Search Products PRO in the search widget field. Drag and drop element to your page and set a few options if you prefer. If you want to use the Call out method make sure you select it from the Element method dropdown. To search within a category type in the category slug in Category field. ID and Class can add customized ID and class parameters to element if needed.
If you use WPBakery Page Builder for WordPress, we’ve included the Search Products PRO element. It’s named  Search Products PRO. If you want to use the Call out method make sure you select it from the Element method dropdown. To search within a category type in the category slug in Category field. ID and Class can add customized ID and class parameters to element if needed.
To use with Gutenberg follow these simple steps.
  1. Click Plus button to add element and search for Shortcode
In the field enter

[search_products_pro]
If you want to add a call out method element use the following shortcode.

[search_products_pro callout="yes"]
If you want to limit search within a category.

[search_products_pro callout="yes" category="my-category-slug"]
To use with Cornerstone page builder follow these simple steps.
  1. Click Plus button to add element and search for Shortcode
In the field enter

[search_products_pro]
If you want to add a call out method element use the following shortcode.

[search_products_pro callout="yes"]
If you want to limit search within a category.

[search_products_pro callout="yes" category="my-category-slug"]
To use with AVADA Fusion follow these simple steps.
  1. Click Plus button to add element and search for Shortcode
In the field enter

[search_products_pro]
If you want to add a call out method element use the following shortcode.

[search_products_pro callout="yes"]
If you want to limit search within a category.

[search_products_pro callout="yes" category="my-category-slug"]
To use with Divi builder follow these simple steps.
  1. Click Plus button to add element and search for Shortcode
In the field enter

[search_products_pro]
If you want to add a call out method element use the following shortcode.

[search_products_pro callout="yes"]
If you want to limit search within a category.

[search_products_pro callout="yes" category="my-category-slug"]
Search Products PRO Dashboard. Export, Import, Backup, Restore and Reset plugin options is available.
Search by Categories, by Attributes, by Tags, by Colors, by Brands, by Custom Taxonomies, by anything you can think of!
Product SKU search options. SKU compare EXACT (IN) or LIKE (LIKE) SQL methods.
Add custom meta keys to search in them. You can even search by price with our bar. Advanced Custom Fields is supported!
Customize the full look of the Search Products PRO element.
More advanced options on the element can be se. Trigger how many characters will make a search. Products to display sets the max amount of products to return by the AJAX search query. Category separator can be customized too.
Hey! Need help? Send us a message here and we’ll get in touch quickly!

Thank you!

↑ Back to top