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.
  
  
• 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.DISPLAYGRAPHIC --]<center>[--PAGE.GRAPHIC --]</center>[-- END_IF --] [-- IF PAGE.DISPLAYNAME --]<center> <h1> [--PAGE.NAME --] </h1> </center>[-- END_IF --] #Search form at top of page <h3>[--Store.SearchResults --]: [-- SearchString --]</h3> <hr> [-- IF PAGE.TEXT1 --]<br>[-- PAGE.TEXT1 --]<br>[-- END_IF --] # set layout variable - save time looking up value repeatedly from the database [-- VAR.LAYOUT PAGE.LAYOUT --] #Start of the loop to output the search results - Products with associated Links <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> #Search form at bottom of page [-- 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.
  

Creating Your Quick & Easy Custom Shopping Cart Template