{"id":1979405,"date":"2021-03-09T09:06:34","date_gmt":"2021-03-09T09:06:34","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&p=1979405"},"modified":"2021-03-09T09:27:05","modified_gmt":"2021-03-09T09:27:05","slug":"displaying-search-results-on-a-different-page","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/fr\/course-lesson\/displaying-search-results-on-a-different-page\/","title":{"rendered":"Displaying Search Results on a Different Page"},"content":{"rendered":"\n

Here’s an example of a real estate site where the homepage only has the custom search form.<\/p>\n\n\n

\n
\"\"<\/a>
A page with only the search form<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

When a user submits the search form, you can take them to another page with the results based on the options they selected.<\/p>\n\n\n

\n
\"\"<\/a>
A page displaying results that users selected on the previous page<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

Steps to display results on a separate page<\/h2>\n\n\n\n

There are two main steps to display the custom search form separately from the results:<\/p>\n\n\n\n

  1. Create a View that displays the custom search and results.<\/li>
  2. Insert the View you created into the page where you only want to display the search form.<\/li><\/ol>\n\n\n\n

    Let’s break this down into more detailed steps.<\/p>\n\n\n\n

    Creating a View that displays custom search and results<\/h3>\n\n\n\n
    1. Create a new page or edit an existing one. This is the page that will display the results for the submitted search.<\/li>
    2. Insert the Toolset View <\/strong>block and in the wizard turn on the Search <\/strong>option.<\/li>
    3. Design your custom search<\/a> including both the form and results.<\/li><\/ol>\n\n\n\n

      Inserting the View into the page where you want only the search form<\/h3>\n\n\n\n
      1. Create or edit the page where you want to display only the custom search form.<\/li>
      2. Insert the Toolset View <\/strong>block and select to use an existing View. Select the View you created in the previous step and click Use View<\/strong>.<\/li>
      3. In the right sidebar, look at the Custom Search Settings section <\/strong>and select the Only the search form <\/strong>option.<\/li>
      4. In the section about where to display the results select the On another page <\/strong>option. Finally, select the page where you originally created this View.<\/li><\/ol>\n\n\n
        \n
        \"\"<\/a><\/figure>\n<\/div>","protected":false},"author":56710,"featured_media":1979455,"template":"","related-lesson":[8421],"class_list":["post-1979405","course-lesson","type-course-lesson","status-publish","has-post-thumbnail","hentry","related-lesson-custom-search"],"_links":{"self":[{"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/course-lesson\/1979405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/course-lesson"}],"about":[{"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/types\/course-lesson"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/users\/56710"}],"version-history":[{"count":4,"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/course-lesson\/1979405\/revisions"}],"predecessor-version":[{"id":1979451,"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/course-lesson\/1979405\/revisions\/1979451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/media\/1979455"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/media?parent=1979405"}],"wp:term":[{"taxonomy":"related-lesson","embeddable":true,"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/related-lesson?post=1979405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}