Quick & Easy Custom Search Template

To quickly and easily create a custom search template, take the basic layout that you would like for your search results page and follow the steps below, pasting the code found below, into your layout.

  • Start by creating the basic layout that you want for your search results page. The Quick & Easy template options work best if you have one main cell in your design where you would like ShopSite to put information, and the rest of your template, such as the header, left links, and footer remain the same. Three examples of basic page layouts are shown below. The gray areas are where the information is hard coded, and the white area is where the code from this tutorial will be inserted.
Basic Page Layout ExampleBasic Page Layout Example 2Basic Page Layout Example 3

  • Add [-- DEFINE SEARCH_RESULTS --] to the top of your template (above the DOCTYPE and HTML tags).
  • Next copy the code from below and paste it into your main cell. In the examples shown above, the main cell would be the white space in the middle.

    [-- IF PAGE.DISPLAYPAGEHEADER --][-- HEADER --][-- END_IF --]
    [-- IF PAGE.DISPLAYNAME --]<h1> [--PAGE.NAME --] </h1>[-- END_IF --]
    <h3>[--Store.SearchResults --]: [-- SearchString --]</h3>
    [-- IF PAGE.TEXT1 --]<br>[-- PAGE.TEXT1 --]<br>[-- END_IF --]
    [-- VAR.LAYOUT PAGE.LAYOUT --]
    <b>[--Store.SearchResultPage --]:</b><br>
    [-- IF SEARCHTOP --][-- SEARCHRESULT_FORM --][-- END_IF --]

    <table border="0" cellpadding="5" width="95%">
    [-- VAR.pa_search_result "false" --]
    [-- LOOP SEARCH --]
    [-- IF SEARCHLINK --]
    <tr>
    <td></td>
    <td align="left" valign="top">
    <b>
    [-- END_IF --]

    [-- SEARCHRESULT --]

    [-- IF SEARCHLINK --]
    </b>
    </td>
    <td></td>
    <td></td>
    </tr>
    [-- END_IF --]
    [-- VAR.pa_search_result "true" --]
    [-- END_LOOP SEARCH--]
    [-- IF VAR.pa_search_result "false" --]
    <tr><td align="left" valign="top">[-- STORE.88 --] [-- SEARCHSTRING --]</td></tr>
    [-- END_IF --]

    [-- IF VAR.Quantityproduct "yes" --]
    <tr><td>[-- Store.QuantityPricingFlag --] [-- Store.QuantityPricingMsg --]</td></tr>
    [-- END_IF --]

    [-- IF VAR.Variableproduct "yes" --]
    <tr><td>[-- Store.VariablePricingFlag --] [-- Store.VariablePricingMsg --]</td></tr>
    [-- END_IF --]
    </table>

    [-- IF SEARCHBOTTOM --][-- SEARCHRESULT_FORM --][-- END_IF --]
    [-- IF PAGE.TEXT2 --]<br>[--PAGE.TEXT2 --]<br>[-- END_IF --]
    [-- IF PAGE.DISPLAYPAGEFOOTER --][-- FOOTER --][-- END_IF --]
    [-- IF PAGE.TEXT3 --][-- PAGE.TEXT3 --][-- END_IF --]

  • Add [-- END_DEFINE SEARCH_RESULTS --] to the bottom of your template, below the /HTML tag.

  • Last, upload your template into your ShopSite store. In your ShopSite store, go to Merchandising > Custom Templates > Advanced > Upload Template. Upload your custom search template. You would then need to go to Preferences > Search Settings > Search Layout, and select your custom template from the template pull down menu. You will also want to specify the 'search_link' template as the link override template, and the 'search_product' template as the product override template.
Next: Quick & Easy Shopping Cart