How to Add Collection Filtering to Shopify Theme?

In order to Add Search Magic Collection filtering to your Shopify Theme, you'll need to follow the below steps.  If you would like us to do so, please Contact Us. Also it is recommended to make a backup of your theme in case the below causes issues with your theme. 

1. In the Shopify Admin, Click on Online Store.
2. In the Current Theme, click on Actions button then, click Edit Code. As shown below. If you haven't already, you can click on Duplicate, in order to backup your theme, before you make any changes.
   
3. Find and click the collection.liquid template within the Templates Directory. Or use the Search input and type in collection.  Below is a screenshot
4. If the collection.liquid template contains HTML, you can jump to the next step.  If your collection.liquid looks similar to the below, you'll need to either hover over the 'collection-template' and click the arrow or go to the Sections Directory and click the Section that is shown in the collection.liquid template. You can also use the Search input as shown previously
   
5. In the section or template that contains the HTML of your collection page, you'll want to find where you Collection Products are being displayed. And surround with the following Liquid.  

{% include 'search-magic-display-collection' %}
{%- if search_magic_display_collection -%}
	{% include 'search-magic' %}
{%- else -%}
	<!-- The Collection Results will go below here -->

        <!-- The Collection Results will go above here -->
{%- endif -%}