Step 5: Create search results page for your Matrix site

These commands take place in your Matrix instance.

  1. Right-click on the Test site site asset.

  2. Select Create new…​  Pages  Standard Page.

  3. Give the new page a name.

    This image shows the pop-up window that allows you to enter a name for the standard page asset.

  4. Select Create.

  5. Expand the new standard page asset.

  6. Right-click on the Page Content asset. Select Content.

  7. Add the REST resource asset to the Page Content as a nested asset:

    1. Select Edit

    2. Select Edit component properties. Edit component properties

    3. Select Nested Content from the drop-down list on the Component type field of the Properties menu.

      This image shows the Properties menu

  8. Select Save

Edit the results page

When you test the results page, some unresolved images will appear. Edit your results page formatting to remove the images. This step is optional.

In your Funnelback instance Admin Dashboard:

  1. Go to your Search Package.

  2. Select the Results pages tab.

  3. Select the data source.

    This image shows the results pages tab

  4. On the data source details page, select Edit results page templates.

    This page shows the <strong>Template</strong> section of the data source details page

  5. On the File Management page, select simple.ftl.

    This page shows the <strong>Template</strong> section of the data source details page

  6. Search for the string Funnelback logo. Comment out the line

    <a href="http://funnelback.com/"><img src="${GlobalResourcesPrefix}images/funnelback-horizontal-light.svg" alt="Funnelback logo" width="360"></a>

    It will now look like this:

    <!-- a href="http://funnelback.com/"><img src="${GlobalResourcesPrefix}images/funnelback-horizontal-light.svg" alt="Funnelback logo" width="360"></a -->
  7. Search for navbar-header.

  8. Comment out the whole div section:

     <!-- div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#"><img src="${GlobalResourcesPrefix}images/funnelback-horizontal-light.svg" alt="Funnelback" height="24"></a>
    </div -->
  9. Select Save & Publish.

  10. Test the results page to make sure the images have been removed.