Add a search form to any TTG CE4 page

Search form added to the Galleries page
Search form added to the Galleries page

Would you rather have a search form out front on a web page rather than relying on your clients to click on a search link? It’s really easy to add a search form to any TTG CE4 page.

The code that puts the search form on the Search page is viewable by just looking at the page source (right-click on your page and choose “view page source”).

Just copy this code and, with a small change, use it in any TTG Page Copy(md) field.

Here’s the code to look for (or just copy this):

<div id="search" class="collapse clearfix">
<h2>Photo Search</h2>
<form action="./" method="GET">
<input type="text" id="q" name="q" value=""/>
<button type="submit">Search</button>
</form>
</div> <!-- #search -->

You’ll need to change one line though. Change this line:

<form action="./" method="GET">

to this:

<form action="/search" method="GET">

This assumes that your Search page is in the root of your site. If it’s not, then modify the path accordingly.

2 thoughts on “Add a search form to any TTG CE4 page”

  1. Thx for this nice tip.
    It is working fine … but after klicking on the search button I`m directed to the search page. (the one I get after clicking on the search menu.
    The behavior I expected is to stay on this site and get the search results on this page

    Kindly asking for a tip how to solve this issue
    Thomas

Leave a Reply

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

About this site

This site is: a repository of time-savers and best practices from a user's perspective, picked up from several years of using TTG plugins.
This site is not: a support site.
Read more here.

Tip Jar

If this site has saved you some time, kept your hair attached, or otherwise prevented you from tossing the mouse through the monitor, feel free to donate.

Categories


Highly recommended. This is my go-to Lightroom book. Click on the book image. (affiliate link)

Affiliate link!

Current TTG versions

Backlight Versions

Backlight 1.2.2
Pages module 1.2.1
Cart Add-on 4.1.3
Client Response Add-on 7.1.2
Theater Add-on 1.2.1
WordPress Add-on 1.2.1
Publisher 3.2.2

CE4 Versions

TTG-BE: 2.0.5a
Autoindex: 7.0.8
Cart: 3.1.4a
CRG: 6.1.3a
Gallery: 6.1.9
Pages: 7.0.15
Publisher: 2.3.3
Stage: 6.1.6
Theme for WordPress: 3.1.2

Subscribe to new posts