How to install Category Filtering

To Install Category Filtering into your store you will need to edit your theme. Follow the below instructions to install. If you would like us to do so, please Contact Us. 

1. Navigate to Storefront -> My Themes
2. In your Current Live Theme click on the Advanced button and then click Make Copy from the drop down.
3. Once the Theme has been copied, find the newly copied theme and then click on the ... icon and click Edit theme Files, as shown below.
4. You may see a modal, like the below appear, to continue click Edit theme Files button.  
5. When the Theme Editor appears,  Navigate to the category.html page by going to the following folders:  templates -> pages -> category.html..  Below is an example of the category.html page
6. Add the following code to the Category html page:
   

   <div id="search-magic-section" data-category="c{{ category.id }}"></div>
   	

   Within the page div, as shown below.
   

7. Optionally, if you'd like Search Magic remove code that you don't want displayed add the class search-magic-remove to the html you'd like to remove.  See below example.