Uninstall Product Filter & Search from your store

When you delete or uninstall an app from your Shopify store, if the app is not built with tools to remove its codes along with the deletion of the app, then there is generally some code of the app left behind. 

In the event that some code of Product Filter & Search was left behind, your Shopify store speed can be affected, your theme layout might break and look problematic, and sometimes your collection page might show no products. The reason behind those situations is that your live theme still contains Product Filter & Search's code after you delete the app from your Shopify admin. 

NOTE: 

Once you reinstall our app in the future, your previous settings in our app will be restored. Keep in mind that some updates about your theme or our app during the offline time can cause small glitches. In this case, please contact us to be supported.

On this page

Theme Revert

Product Filter & Search comes with a feature, called Theme Revert, which helps you remove the app's codes automatically from your live theme before deleting the app from your store. 

By running the Theme Revert before uninstalling the app completely, the default code of your live theme will be restored, and your store's theme layout will work smoothly as it was before having the app's features.

To run the Theme Revert:

  1. From the app's admin, go to Theme > Theme setup
  2. Find your live theme, which the app injected its code into, or any themes which have the app's code and you plan to set them live in the future.

NOTE: 

You don't need to remove the app's code from all your unpublished themes. Leaving unpublished themes which contain the app's code in your theme library will not affect your theme layout after uninstalling the app, as long as you never plan to set them live in the future.

3. Go to Actions and click Remove all filters & search features

4. Click Yes, remove anyway.

5. Delete the app completely.

NOTE:

If the "There is an error" notification shows up when you are trying to run the Theme Revert, it means the code needs to be manually removed. You can fill in the form with your contact email address and click Send. Our support team will reach out to you shortly for further assistance.

Remove the app's codes manually

Before uninstalling any apps, it's important to check the app's help documentation to determine whether there are any steps required to complete the uninstallation. 

If you delete Product Filter & Search without running the Theme Revert, and we no longer have access to your store, then you can take the following steps to manually remove the app's code from your live theme or any themes which have the app's code and you plan to set them live in the future.

When the theme is Online Store 2.0:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to remove the app's code, and then click Actions > Edit code.
  3. Under the Layout header, click into the theme.liquid file
  4. Find two following scripts and remove them: {% include 'boost-pfs-style' %}; {% include 'boost-pfs' %}
    5. NOTE:

    For App Lib V1, remove {% include 'bc-fs-filter-style' %}; {% include 'bc-fs-style'%}.

  5. Under the Templates header, click into the collection.boost-pfs-original.json file (This is the original collection template file before installing the app) and copy its content. 
  6. Under the Templates header, click into the collection.json file, delete its content entirely, and paste the content you have copied in step 5.
  7. Under the Templates header, click into search.boost-pfs-original.json file (This is the original search template file before installing our app) and copy its content. 
  8. Under the Templates header, click into the search.json file, delete its content entirely, and paste the content you have copied in step 7.

When the theme is not Online Store 2.0:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to remove the app's code, and then click Actions > Edit code

  3. Under the Layout header, click into the theme.liquid file

  4. Find two following scripts and remove them: {% include 'boost-pfs-style' %}; {% include 'boost-pfs' %}

    NOTE:

    For App Lib V1, remove {% include 'bc-fs-filter-style' %}; {% include 'bc-fs-style'%}.

  5. Under the Templates header, click into the collection.json file (or collection.liquid if you cannot find the collection.json file). Then try to find if there is code with this format {% section xxx %} (xxx is usually collection-template or static-collection). Assuming that xxx is collection-template. 

  • Scenario 1: If the code is there
    • Under the Sections header, find and open the collection-template.liquid file, then delete its content.
    • Under the Sections header, find the collection-template-boost-pfs-original.liquid or the collection-template-bc-original.liquid (for App Lib V1) file. Copy its content and paste it into the collection-template.liquid file
  • Scenario 2: If the code is not there
    • Under the Templates header, find the collection.boost-pfs-original.liquid or the collection-template-bc-original.liquid (for App Lib V1) file (This is the original collection template file before installing our app), and copy its content.
    • Visit the collection.json file (or collection.liquid if you cannot find the collection.json file), delete its content, and paste the content that you have copied from collection.boost-pfs-original.liquid file into this file.

6. Under the Templates header, click into the search.json file (or search.liquid if you cannot find the search.json file). Then try to find if there is code with this format {% section xxx %} (xxx is usually search-template or static-search or search.liquid (for App Lib V1)). Assuming that xxx is search-template.

  • Scenario 1: If the code is there
    • Under the Sections header, find and open the search-template.liquid file, then delete its content.
    • Under the Sections header, find the search-template-boost-pfs-original.liquid file or the search.bc-original.liquid file (for App Lib V1). Copy its content and paste it into the search-template.liquid file.
  • Scenario 2: If the code is not there
    • Under the Templates header, find the search.boost-pfs-original.liquid file (This is the original search template file before installing our app), and copy its content.
    • Visit the search.json file (or search.liquid if you cannot find the search.json file), delete its content, and paste the content that you have copied from search.boost-pfs-original.liquid file into this file.

NOTE:

In App Lib V1, if you can't find file  collection-template-bc-original.liquid, open search.liquid file and change Recent changes from Current to Original - [Date of time] to restore the original search template file. Find the collection-template-bc-original.liquid file, copy its content and paste it into the search.liquid file.

7. Click Save and you have finished removing the app’s code from your live theme.

If you have other concerns or issues about the process of removing the app’s code, you can contact us at support@boostcommerce.net and our customer support team will be happy to help you.

Related Articles