Knowledge Base

Two column search setup

in Ajax Search Pro Tips Tags: columnsmulti columnsearchsetuptwo columns

This tutorial will show how to position the search to a two column setup, like it is demonstrated on the demo page, or you can see it below:

Search
Exact matches only
Search in title
Search in content
Search in excerpt
Search in comments
Filter by Custom Post Type

Try these: searchajaxrelated posts

As of version 4.0 there is a simple way, by using the two column shortcode:
[wpdreams_ajaxsearchpro_two_column id=1 search_width=50 results_width=50 invert=0 element='div']
Shortcode Parameters
  • id (integer) – the id of the search instance
  • search_width – (integer) the search bar width (in %, not px)
  • results_width – (integer) the results box width (in %, not px)
  • invert – (0 or 1) inverts the search and results box position from left to right
If you are using plugin version <4.0

You will need the search shortcode, and the result box shortcode.In this example I will use the search box with ID=1

1. Set the results from hovering to pushing

Layout Options -> Results Layout -> Results layout Position -> “Block – Pushes Content”

2. Insert the following HTML code to the post/page editor


If you preview this, then you will see the search in the first column, and if you do a search then the results will show up in the second column.