Firstly, a huge thanks for purchasing this plugin, your support is truly appreciated!

 

This document covers the installation and use of this plugin, reveals some answers to common problems and issues. We encourage you to read throughout this document if you are experiencing any difficulties. If you have any questions that are beyond the scope of document, please feel free to contact us via our Ticket Support System.

SW Ajax WooCommerce Search is a powerful ajax search plugin for WooCommerce. Once typing the keywork, you can see the suggested search result with product image, title and price. Also, it let you search in a category or entire site based on keyword from product title to description and other parts. It is not only compatible with Widget but also Visual Composer.

 

The following are some main great features of SW Ajax WooCommerce Search:

 

1. Let user search for product on the entire site or category based on key word or SKU in real time.
2. Enable quickview for the search result including product title, image and price.
3. The result list will show products containing keyword from title to description and other parts.
4. Compatible with Visual Composer plugin.
5. Compatible with Widget.
6. Compatible with WooCommerce 3.0.x.
7. Supper easy to use.

To install this plugin you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are all the useful links for WordPress information.

 

1. WordPress Codex – General info about WordPress and how to install on your server.
2. First Steps With WordPress – General info about multiple topics about WordPress.
3. FAQ New To WordPress – The most popular FAQ’s regarding WordPress.
4. WordPress Widget Documentation – General info about WordPress Widgets.
5. WPBakery Page Builder Documentation – General info about Installation and Use of Visual Composer.
6. WooCommerce Documentation – General info about Installation and Use of WooCommerce.

To use the plugin, please make sure you are running WordPress 4.7.x or higher, PHP 5.6 or higher, and MySQL 5.6 or higher.

 

1. Check to ensure that your web host has the minimum requirements to run WordPress.
2. You can download the latest release of WordPress from the official WordPress website.
3. The latest version of WordPress is prefered.
4. Always create secure passwords for FTP and Database.
5. It is recommended to be on at least PHP 5.6 and preferably PHP 7.0.

 

SW Ajax WooCommerce Search is tested on:

 

1. WordPress 4.7.x
2. WooCommerce 3.0.x
3. Visual Composer 5.1.x

 

SW Ajax WooCommerce Search is compatible with:

 

1. WordPress Widgets
2. Visual Composer 5.1.x

The Recommended PHP Configuration Limits should be paid attention. In several cases, you may deal with problems related to low PHP configuration limits, such as: white screen, demo content fails when importing, empty page content and other similar issues.

 

The solution is to increase the PHP limits. You can do this on your own by editing the following lines in php.ini file in your root directory. This is not a file that comes with WordPress so if you are unfamiliar with it you should contact your web host about increasing those limits to a minimum as follows:

 

1. max_execution_time 360
2. memory_limit 128M
3. post_max_size 32M
4. upload_max_filesize 32M

 

Success Well done! If your site meets all these requirements, you can start enjoy SW Ajax WooCommerce Search theme now!

There are 03 ways to install SW Ajax WooCommerce Search plugin into your site: Quickstart Installation and Manual Installation.

 

• Automatic Installation
• Manual Installation via WordPress Upload
• Manual Installation via FTP/cPanel Upload

 

Preparation is always an imporatant part. Before starting, do not forget to:

 

• Make sure that your site meets Plugin Requirements and support the plugin.
• Have file sw_ajax_woocommerce_search_wp4.7.x_v1.0.0.zip ready to go in your computer.

 

>>> All are ready? Okay, it’s time for us to go!

This is the simplest way to install SW Ajax WooCommerce Search. Just after a few clicks, the plugin will be ready to use in your site. Please follow steps as below:

 

1. Login to your website and go to the Plugins.
2. Click the Add New button.
3. Type SW Ajax WooCommerce Search in the search field of WordPress Plugin Directory.
4. Select SW Ajax WooCommerce Search then click Install Now button.
5. After the plugin was installed successfully, click on Activate button to activate it.

 

Congratulation! The plugin is successfully installed in your site. Now you can continue to play with it!

This is manual installation via Upload file path in the WordPress Admin Panel. Please follow steps as below:

 

1. Login to your website and go to the Plugins.
2. Click the Add New button.
3. Under Install Plugins, click the Upload Plugin.
4. Select the plugin zip file sw_ajax_woocommerce_search_wp4.7.x_v1.0.0.zip from your computer then click the Install Now button.
5. You should see a message stating that the plugin was installed successfully.
6. Click the Activate button to activate plugin.

 

 

Congratulation! The plugin is successfully installed in your site. Now you can continue to play with it!

This is the manual installation. The plugin file will be uploaded into the server of the site domain. After that, the plugin will be activated in the Admin Panel. Please follow steps as below:

 

1. You should have access to the server where WordPress is installed.
2. Upload the plugin zip file sw_ajax_woocommerce_search_wp4.7.x_v1.0.0.zip up to your server path /wp-content/plugins/ and unzip it here.
3. Login to your website and go to the Plugins section of your Admin Panel.
4. Look for SW Ajax WooCommerce Search and click Activate to activate the plugin.

 

 

Congratulation! The plugin is successfully installed in your site. Now you can continue to play with it!

Ussually, when a required plugin is updated, we also update the plugin package. Therefore, when updating SW Ajax WooCommerce Search, you can also choose to update plugin automatically.

 

To update plugin in SW Ajax WooCommerce Search, please follow steps as below:

 

1. Back up your site! to save your customization.
2. Copy the custom code you made in your site and save it in your computer to add it later.
3. Download the latest version of SW Ajax WooCommerce Search.
4. Deactive and remove old version of this plugin. You can directly delete this plugin’s files in folder /public_html/wp-content/plugins of your site using FTP.
5. Now you can install new version in your site. If the max_size_upload > 8M, you can upload it via Admin Panel. Or else, you need to extract the plugin then add it to folder /public_html/wp-content/plugins of your site using FTP.
6. Go to Plugins and Activate it.
7. After all, check your site again to ensure that the update works.

 

Warning Before updating plugin in your site, you need to have a test first to make sure that it is compatible with the theme in your site.

After successfully installing SW Ajax WooCommerce Search plugin, we can configure to use it in your WordPress site. You can use this plugin in 2 ways:

 

• Using with Widget
• Using with Visual Composer

 

>> Let’s continue to see the plugin demo, plugin options and how to configure it in your site!

This is the demo for plugin SW Ajaz WooCommerce Search plugin. In this demo, you will see the demo for Using plugin with WordPress Widget, Using plugin with Visual Composer and Search Result.

 

*The demo was built with Twenty Sixteen theme By the WordPress team.

 

 

Currently, the plugin supports Default style. This feature will be updated in the next version.

In this part, we will learn the meaning of each option in the plugin. The options are the same when using Widget and Visual Composer.

 

First of all, please have an overview about the term in the backend of this SW Ajax WooCommerce Search plugin.

 

 

• Title: This option is for the plugin’s title
• Show Title: You can choose Yes or No to show or not show the title in the front end of your site.
• Seacrh Type: You can choose Search by Keyword or Search by SKU.
• Image Width(px): This option allows you to set the width for suggested product image.
• Image Height(px): This option allows you to set the height for suggested product image.
• Number Of Items In List: This option allows you to set the number of item in suggested product list.
• Number Of Character For Starting Search: This option allows you to set the number of keyword character for the plugin to start showing the suggested item.
• Show Category List: You can choose Yes or No to show or not show the category list.
• Show Product Image: You can choose Yes or No to show or not show the product image in the suggested item.
• Show Price Of Product: You can choose Yes or No to show or not show the product price in the suggested item.
• Layout: This option lets you choose the layout style for the plugin. Currently, it just supports Default style as in the demo.
• Extra Class: This option let you to insert Extra Class to style the plugin.

 

>>> All is okay? Okay! Let’s play with SW Ajax WooCommerce Search now!

After the installation, the plugin will be available in the Widgets section of your site. In this part, we will learn how to use SW Ajax WooCommerce Search with Widget. There are 2 options for you: Configure the plugin in the backend and configure it at the front end of your site.

 

Configure Plugin in the Backend

 

If you want to use this plugin this way, please follow the steps as below:

 

1. In your site at the Admin Panel, please go to Appearance > Widgets.
2. Choose SW Ajax WooCommerce Search, add to the sidebar you want and click on Add Widget button or drag the plugin into the sidebar you want .
3. Now, you can configure the options of the widget.
4. After that, remember to click on button Save to save all the settings.

 

After all, you can go to the page including the sidebar with this plugin to see the result..

 

 

>> If you want to edit it, please follow step 1 > 3 > 5 as above.

 

Configure Plugin in the Frontend

 

If you want to use this plugin this way, you need to login your site with admin account first. After that please follow the steps as below:

 

1. In the page including sidebar with widget, click on Customize at the top of the page.
2. Now in the Customizing window, choose Widgets to go to the Widget Area.
3. In the Widget Area, click on Add a Widget button then find SW Ajax WooCommerce Search and choose it to start the settings.
4. Now, you can configure the options of the widget.
5. After that, remember to click on button Save & Publish to save all the settings.

 

After all, you can go to the page to see the result.

 

 

>> If you want to edit it, please follow step 1 > 2 then choose available SW Ajax WooCommerce Search and follow step 4 > 5 as above.

This plugin is compatible with Visual Composer. After installing Visual Composer and this plugin, you can use it in your site normally like other Visual Composer’s elements. In this part, we will learn how to use SW Ajax WooCommerce Search with this extension. There are 2 options for you: Configure the plugin in the backend and configure it at the front end of your site.

 

Configure Plugin in the Backend

 

If you want to use this plugin this way, please follow the steps as below:

 

1. In your site at the Admin Panel, please go to Pages > All Pages then choose the one you want to add SW Ajax WooCommerce Search.
2. After use Edit with Visual Composer mode, click on add element icon then find and choose SW Ajax WooCommerce Search element to your page.
3. Now, you can configure the options of the element.
4. After that, remember to click on button Save changes to save all the settings of the element and Update the page’s change.

 

After all, you can go to the page to see the result. If you want to change the position of SW Ajax WooCommerce Search, you just need to drag and drop to the position you want.

 

 

>> If you want to edit SW Ajax WooCommerce Search, after starting editing with Visual Composer mode, click on edit icon on the element, change the configure you want and click on button Save changes to save all the settingsof the element and Update the page’s change.

 

Configure Plugin in the Frontend

 

If you want to use this plugin this way, you need to login your site with admin account first. After that please follow the steps as below:

 

1. Firstly, open the page you want to add this SW Ajax WooCommerce Search with Edit with Visual Composer mode in the front end.
2. After that, click on add element icon then find and choose SW Ajax WooCommerce Search element to your page.
3. Now, you can configure the options of the element.
4. After all, remember to click on button Save changes to save all the settings of the element and Update the page’s change.

 

After all, you can check to the result. If you want to change the position of SW Ajax WooCommerce Search, you just need to drag and drop to the position you want.

 

 

>> If you want to edit SW Ajax WooCommerce Search, after starting editing with Visual Composer mode, click on edit icon on the element, change the configure you want and click on button Save changes to save all the settings of the element and Update the change in page.