reactive lite WordPress Free Plugin

Reactive Lite is one of the best free searchings and filtering  WordPress plugin provided by Redq Inc. This free plugin is very much handy to use and you can easily build a listing page by using this plugin.

Installation

At first you have to search the plugin,so you have to go plugin section from dashboard.

Then You have to choose Add New

On the search plugin option you have to type “Reactive lite”.

then click on Install now.

reactive lite WordPress Free Plugin

Then click on activate, it will be activated.

Install from WordPress back-end :

  1. Go to WordPress Dashboard-> plugins -> add new.
  2. From here click upload plugins button, then you will find the plugin upload window.
  3. Upload ‘reactive-lite.zip’ then click install now button.
  4. After successfully install the plugin then active it.

System Status

System Status is a good way to start with our plugin, from this section you will be notified about your WordPress configuration and Server Environment. You will find theSystem Statusmenu from your Admin section.

Admin -> Reactive -> System Status

To get the Best output from our plugin you need to follow our Recommended settings,

reactive lite WordPress Free Plugin

From the above image, you can see that we have Recommend 5 Settings that is,

  1. WP Memory Limit( The Recommended Minimum Wp Memory Limit is 256M).
  2. Server memory Limit( The Recommended Minimum Server Memory Limit is 256M).
  3. PHP Version(The Recommended Minimum PHP version is 5.6.0)
  4. PHP Maximum Input Vars(The Recommended Minimum PHP Input Vars is 3000)
  5. Mysql Version(The Recommended Minimum Mysql version is 5.6.0 or greater)

Search Builder

If you are Reading this I assume you have already checked the Previous section, if not please check the previous section first.+

So, Now you are ready to Build your Search Builder, The Search Builder has Two Parts

  1. Backend Section (Admin)
  2. Frontend Section

Backend (Admin Section)

If you have Read our previous Section, you already know here we will only discuss about the Reactive Options you need to configure in your Admin section.

Just Read through this Section and Step by Step you will configure it within a few moments.

  • Reactive Builders

Go to the next Reactive Builders Section

Reactive Builders

If you have Used our previous Reactive Version then you have used oursBuilders Section. But I will try to explain here our new reactive Builders and what kind ofFeature & improvements have added here,

To Find out our new Reactive Builder go to,

Admin -> Reactive Builders

To, Add a new Reactive Builder Click on the Add new Reactive Builder,

Now, you can create yourBuilder in 3 simple steps

NB: if you find that the select box doesn’t appear in your Reactive Builder then make sure you have __RedQ Reuse Form plugin installed your site. Check our Installation section to find out how to install this plugin.

reactive lite WordPress Free Plugin

Give your Builder Title (example: Product Search)

  1. Choose your Post Type, Taxonomies, Meta keys
  2. Copy the Shortcode from the upper right side and put this shortcode in a page of yours.

NB: you can simply generate a Builder by just choosing your post type & taxonomies. Meta Keys, Term Meta Keys, Redirect Page selection is not mandatory here. We have discussed about them in more details in below section.

That’s it, now view the page you have put the shortcode &Start Building your Search Page.

To, know more about Search Page Building Check OurFrontendSection,

Now, I will discuss in details about Our REBUILDER Settings and Why & When you Need them.

REBUILDER Settings:

  1. Post Type Select
  2. Taxonomies Select
  3. Meta Keys Select

Post Type Select:

To Create A Search Page, You have to Select a Post Type or Multiple post types (if you want to search Multiple Post type on a single search page).

As We only want to search only Products, we have selected the Product Post Type. But, it’s totally ok if you want to search another Post Type just choose the Post type you want to Search and yes you can choose Multiple Post type if you want.

Taxonomies Select:

Ok, After you Choose your Post type to Search your Post, Now you need to Select the Taxonomies to Search the posts using Search Component For Example: if you want to Search the Post with Checkbox. This Taxonomies will be available in your Frontend Search Page Builder to create Search Component.

We have Selected 3 Taxonomies here. Which we will use in our search component that is a checkbox, radiobox, selectbox.

NOTE: Reactive Pro only uses your Already Created post types, taxonomies, meta keys etc. but if you need a plugin to create Custom post type, taxonomies, term meta etch you can use our Reuse Builder plugin which you will find from the Admin -> Reactive Section.

Meta KeysSelect:

Like Taxonomies, you also want to search Meta keys, for example, Geobox country, city. And you want to use them in the Search component like Checkbox, Range Filter etc

You can see that I have select the _price meta keys to use it in our Range Filter. I have also selected some other meta keys such as country_long, state_long, city, zip_code. _This meta keys are coming from the Geobox meta keys we will discuss it in our Geobox Section.

Frontend

Fronted Section is the place where you will arrange your search page. If you don’t know how to have a Search page please check our Reactive Builder Section, you will have a Search page like below in the frontend section,

If you have successfully find the above image on your search page then you can follow the below steps otherwise please check the previous section again,

Here, we can see 4 options in the above image, that is,

  • Add Block
  • Global Settings
  • Admin View
  • User View

Add Block:


Add Blocks the section from where you can add several options to your page layout, the options that you can add from Add block is

  • Search Block

Global Settings:


From Global Settings you can apply Pre filtering, Sorting by Post Title, Date, Meta in Ascending or Descending order. That means your page will be Pre Filtered when the page loads.

Here, you can Enable Adaptive Search or Intelligent Search Also here you can turn on specific Filter button for Mobile or Tab view.

Admin View:


Admin view lets you edit, drag N drop, resize the layouts.

User View:


User view gives a quick view of how your edited layout should look in User mood.

Search Block

Search block Allows you to add Search Section in your layout, you can add multiplesearch block a page and organize it as you want. it gives you so much flexibility.

Here, we will check what kind of feature & attributes are available in theSearch Block.

First, let me show you how to add aSearch Block,

Click on the Add Block -> Choose Search Block -> Click on the Save Button At the Lower Right Corner

That’s it you will have a Search Block like below image,

This is a Basic Search Block where we can see some buttons and holder,

If you click on the top left corner icon () you will find some option like custom class name, block title, place in another search block etc.

There is a Collapsed icon () it gives you the ability to open and close the search block with its component in it, it is helpful to drag n drop layout.

The plus icon () allows you to add search component in your search block. we have 15 different search component available in our search block.

To know more about each search component and its uses please check the below sections.

CheckBox

When you add Checkbox element to the search block initially you will see that there is a Please Add Some Optionsmessage. To configure your checkbox click on the settingsiconon theleft corner.

You will find the checkbox panel will appear in a modal.

First, you have to choose between either fromMetadata or Taxonomy theData Tabin theCheckBox Panel.

The Appearance Tab can be used to change

  • title
  • subtitle
  • Custom Class Name
  • Enter type of view
  • No. of options in Columns
  • Select Steps
    After you change necessary configuration then it will look similar to the below Snap,

RadioBox

When you add Radiobox element to the search block initially you will see that there is aPlease Add Some Optionsmessage. To configure your radiobox click on the settingsiconon theleft corner.

You will find the radio box panel will appear in a modal.

First ,you have to chose between eitherMetadata or Taxonomyfrom theData Tabin theRadioBox Panel.

The Appearance Tab can be used to change

  • title
  • subtitle
  • Custom Class Name
  • Enter type of view
  • No. of options in Columns
  • Select Steps
    After you change necessary configuration then it will look similar to the below Snap,

Grid

The Grid section allows you to add a grid to your search page, here we will discuss the option that is provided by the grid panel,

you can add a grid section from the Add Block,

after you add a grid the default Simple layout grid will be loaded with maximum 12 posts in 2 column grid, this is the default settings and if you want to change them you can change it easily, just follow the below steps,

Appearance:

From the Appearance menu, you can add grid or list wrapper class, change number off post per page,

you can also change the default view list or grid it will work only if the grid support list view,

and instead of using pagination you can use the load more option.+

Grid column or List column:

you can choose the number of columns your grid or list should have.

Layouts:

Here, you can choose the layouts you wanted to show in your search page.

Preview Pop Up:

Preview Pop up feature is provided Which will pop up the grid item information upon gird item click.

Conclusion

Reactive Lite is a free light version, kind of a demo version WordPress search filter plugin. Though a newbie person can easily handle this free version. After using the Reactive Lite version your mind could be changed and you might take the decision to buy the Reactive Pro version.

Subscribe to the Newsletter

Get our latest news,tutorials,guides,tips & deals delivered to your inbox.

6 thoughts on “Reactive Lite WordPress Free Plugin For Search Filter Map & Grid

  1. Thanks for the good writeup. It actually was once a entertainment account it. Glance advanced to far delivered agreeable from you! By the way, how could we be in contact?

  2. I am really inspired together with your writing abilities as smartly as
    with the format to your blog. Is this a paid subject
    matter or did you modify it your self? Either way stay up the excellent quality writing, it’s
    rare to look a great blog like this one today..

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.