Introduction

Simple Theme, as its name says has a very clear design, what can easily change the default search module on the frontend. It is called Simple, because can fit for all templates and layouts, you only need to to is set the colors, and images. Let's see the parameters!

Search box settings

Search box font

Search box font set the all properties of the text appear in the search input box. Click on the link, and the Font Manager will load in popup. In this section it won't be detailed, there is an article for it.

Category opener color

You can read about the category chooser in the basic parameters article. Here you can set the little arrow color.

Animation for loading

When you make a search, and the AJAX query is running (approx.: 10-500ms) a loading animation will appear in the right corner. This options can be also disabled.

Image for close button

After the search has ended, and the results appear a closing image will shown in the place of the loading animation, what can close the result box. You can select this image here.

Close image color

You can change the closing image color.

Image for search button

Search button can be clickable, if you have set a result landing page in Basic options, or can be stand next to the search input without real functionality. You can set the image for it.

The color of textbox border

Here you can add a color of the border around the search input.

The color of textbox border when it is active

For the same purpose as previous when the search box is active.

Plugin title background

In the Basic Parameters you can set the titles for the search plugins, what will appear in the result box, at the top of the results. Here you can set its background color.

Plugin title font

A font manager will open, when you click on the link. This options will refer to the plugins title.

Paginator layout

If there are more results, what can be appear in the result box a new page will created. In that case pagination buttons will shown next to the plugin title. With this paremeter you can set its layout, or of course switch it off.

Results settings

Result-element background color

This parameter set the background color for the result list.

Enable images

With our improved search plugins you can show images next to the result items. It can be a product picture, an image from the article, and so on... You can learn more about these plugins in the Connection between search plugins and Live Search article.

Result image width

As the parameter's name says, this option refers to the image width.

Result image height

You need to also define the height for the result image in pixels.

Displayed result items per plugins

Here you can set how many result items would you like to see in the result box per plugins. If you have more plugins enabled it is suggested to keep this number low, because 5 plugins with 10 results lead to so high result box, what can't be usable. If there are more items for a plugin, than this amount the paginator will appear, and it can be pageable.

Show intro text

If you set this option to No, only the result item's title appear, if Yes the description will also shown.

Intro text length

With this option you can limit the intro text length.

Result element title font

Set the result title with font manager.

Result element introtext font

Set the result introtext with font manager.

Result-element border color

There is a small border around the result items, here you can set its color.

Show see more link

See more link appear, when there are more results, what can be displayed, in case of some limitation. If you click on the link the landing page will appear. You can also disable this functionality.

See-more-link after results

Here you can define the amount of result items, what the see-more link show.

Show search result on front-end

However this options disable the main functionality of the Live Search, it can be use as a simple search module.

Enable mouse scrolling

In case of more than 1 page for one plugin the mouse scrolling can be enable for the pagination.

Hover, Active result-element background color

Background color for the result element in hover or in active state.

Hover, Active result-element font color

Font color for the result element in hover or in active state.

Category chooser font

Set the category chooser font properties.

Box shadow

Box shadow around the category chooser.

See-more-link font

Change the see more link text properties.

See-more-link font hover

Change the see more link text properties in hover state.

Live Search with Simple Theme