50% discount on BricksLabs Pro Membership Lifetime Access. Use coupon: GOBRICKS

Search Results Template in Bricks


Update on 5 Jul 2022: Added instructions for 1.5 Beta and above.

This Pro tutorial provides the steps to set up a search template in Bricks with these main features/improvements:

  1. "Search results for: <searched term>" above the results. Example.
  2. Inserting a Template when there are no search results.
  3. [optional] Limit the search results to posts only.

Instructions for and below

Step 1

Create a new Template of the type 'Section' called say, "No Search Results".

Insert a 1-column Container via the Layout button of Container element.

Add a Heading that reads something like:

Oops, there are no results matching your searched term

You may want to add any other elements like an image and perhaps a link or two directing the lost user to the homepage or other areas of your site.

Step 2

Create another Template of the type 'Section' named say, "Search Results".

Add a Section having a Container and inside that, the "Posts" element or if you want more control, use the Bricks' Query Loop feature on any container.

Step 3

This is a Pro members-only tutorial.

To get full access, login below or sign up for a Pro Account

Leave the first comment