Customising your search results page - Revision history

Admin at 05:46, 11 March 2016

2016-03-11T05:46:31Z

2012-09-28T00:44:39Z

2012-09-28T00:44:11Z

2012-09-28T00:42:54Z

2012-09-28T00:42:42Z

2012-09-28T00:42:22Z

2012-09-28T00:40:31Z

2012-09-28T00:40:23Z

2012-09-28T00:40:14Z

2012-09-28T00:39:57Z

@@ Line 1: / Line 1: @@
 Your search results page can be customised if you include it as a snippet in your theme.liquid file. Instructions on how to do this are below.
@@ Line 4: / Line 6: @@
 === Step 1 ===
 Create a snippet called "_search_results.liquid" and copy the code below into it. You can customise this code however you like, but you must use the liquid tags in this example code for it to display your results correctly.
 <pre>
@@ Line 26: / Line 29: @@
 === Step 2 ===
 Upload the snippet in your theme editor, or in the "snippets" folder using Webdav.
 === Step 3 ===
 Edit your theme.liquid file, and copy the following code into it. Ensure you remove any current code that refers to your search results page. <pre>{% if template == "search"&nbsp;%}{% include 'search_results'&nbsp;%}{% endif&nbsp;%}</pre><br><br>Your customised search results page should now display.

@@ Line 23: / Line 23: @@
    </ol>{% endif %}
 </div>
-</pre><br>
+</pre>
 === Step 2 ===
-Upload the snippet in your theme editor, or in the "snippets" folder using Webdav.<br><br>
+Upload the snippet in your theme editor, or in the "snippets" folder using Webdav.
 === Step 3 ===
 Edit your theme.liquid file, and copy the following code into it. Ensure you remove any current code that refers to your search results page. <pre>{% if template == "search"&nbsp;%}{% include 'search_results'&nbsp;%}{% endif&nbsp;%}</pre><br><br>Your customised search results page should now display.

@@ Line 3: / Line 3: @@
 This tutorial assumes that you have a basic knowledge of HTML.  If you do not, then you should find someone who does, or contact us for paid support.  Spiffy Stores will not provide free support on how to edit your theme other than to provide these instructions on how to "hack" the built-in search engine.
-#Create a snippet called "_search_results.liquid" and copy the code below into it. You can customise this code however you like, but you must use the liquid tags in this example code for it to display your results correctly.<br>
+=== Step 1 ===
 <pre>
 <div id="searchresults">
@@ Line 23: / Line 24: @@
 </div>
 </pre><br>
-#Upload the snippet in your theme editor, or in the "snippets" folder using Webdav.<br><br>
-#Edit your theme.liquid file, and copy the following code into it. Ensure you remove any current code that refers to your search results page. <pre>{% if template == "search"&nbsp;%}{% include 'search_results'&nbsp;%}{% endif&nbsp;%}</pre><br><br>Your customised search results page should now display.
+=== Step 2 ===

@@ Line 5: / Line 5: @@
 #Create a snippet called "_search_results.liquid" and copy the code below into it. You can customise this code however you like, but you must use the liquid tags in this example code for it to display your results correctly.<br>
 <pre>
 <div id="searchresults">
-<form action="/search" method="get">
+  <form action="/search" method="get">
      <p>
        <input type="text" name="q" value="{{ search_terms }}" id="q">

@@ Line 3: / Line 3: @@
 This tutorial assumes that you have a basic knowledge of HTML.  If you do not, then you should find someone who does, or contact us for paid support.  Spiffy Stores will not provide free support on how to edit your theme other than to provide these instructions on how to "hack" the built-in search engine.
-#Create a snippet called "_search_results.liquid" and copy the code below into it. You can customise this code however you like, but you must use the liquid tags in this example code for it to display your results correctly.<br><pre><div id="searchresults">  <form action="/search" method="get">
+#Create a snippet called "_search_results.liquid" and copy the code below into it. You can customise this code however you like, but you must use the liquid tags in this example code for it to display your results correctly.<br>
      <p>
        <input type="text" name="q" value="{{ search_terms }}" id="q">