The Advanced Filters & Search app requires a setup installation in your theme in order to view the filter options on your website. There are 3 ways you can integrate the application into your site.

• Automatic Installation (Recommended):

  This is the easiest way to install the application into your theme. CLICK HERE  to watch our video tutorial.

• Manual Installation:

  If you are using a custom theme, the automatic installation may not function properly. In this case, try our manual installation method. Anyone with basic coding knowledge can complete this process.

• Contact Us:

  We also offer a free setup service to install the application into your site. Email us directly at support@digitalcoo.com

Guidelines for Manual Installations

Step#1: Create a new file called "acpf-filter.min.js" under the "Assets" folder. Then copy code from THIS LINK and paste into newly created ""acpf-filter.min.js" file.

Step#2: Create a new file called "acpf-search.min.js" under the "Assets" folder. Then copy code from THIS LINK and paste into newly created "acpf-search.min.js" file.

Step#3: Create a new file called "acpf-style-min.css" under the "Assets" folder. Then COPY code from THIS LINK  and paste into newly created "acpf-style-min.css" file.

Step#4: Open the "theme.liquid" file form the folder "Layout" and add the following script before </head> tag.

 {{ 'acpf-style.min.css' | asset_url | stylesheet_tag }}
 <script>window.acpf = window.acpf || {};acpf.shop_details = acpf.shop_details || {};acpf.shop = {{ shop.permanent_domain | json }};acpf.domain = {{ shop.domain | json }};acpf.shop_details = {domain: {{ shop.domain | json }},currency: {{ shop.currency | json }},money_format: {{ shop.money_format | json }},money_with_currency_format: {{ shop.money_with_currency_format | json }}};</script>
 {{ 'acpf-search.min.js' | asset_url | script_tag }}

Step#5: For backup purpose, Create a new file called "duplicate-of-collection.liquid" under the snippets folder, Then COPY code from Templates  => "collection.liquid"  and paste that code to newly created file "duplicate-of-collection.liquid".

Open the "collection.liquid" file form the folder "Templates", Replace all the existing script with the following code:

{% comment %}
Our app created a backup (bkp-acpf-collection.liquid) file for collection.liquid.
=> For manual uninstallation, replace "{% render 'acpf-collection-template' %}" with "{% render 'bkp-acpf-collection' %}"
{% endcomment %}

{% render 'acpf-collection-template' %}