Top

Reinstall Product Comparison on a New Theme

When theme developers release an update to their themes, it is a fresh copy of the theme, without any code or customizations that you have done since you installed the previous version.

To update your theme to work with Product Comparison, follow these steps:

  1. From "Shopify Admin", select Online Store.

    select online store 

  2. Select Actions.

    Select Actions 

  3. Select Edit code.

    Select Edit Code 

  4. Under "Templates", select Add a new template.

    Select Add a new template 

  5. Next to "Create a new template for", select page.

    Select page 

  6. Next to "called", enter bold-product-compare.

    Enter bold-product-compare 

  7. Select Create template.

    Select Create template 

  8. Copy and paste the page.bold-product-compare.liquid code into the file.

    Copy and paste the liquid code 

  9. Select Save.

    Select Save 

  10. Under "Assets", select Add a new asset.

    Select add a new asset 

  11. Select Create a blank file.

    Select create a blank file 

  12. Next to "Create a blank file called", enter bold-compare.

    enter bold-compare 

  13. Select .css.

    select .css 

  14. Select Add asset.

    select add asset 

  15. Copy and paste the bold-compare.css code into the file.

    copy and paste bold-compare.css 

  16. Select Save.

    Select Save 

  17. Under "Assets", select Add a new asset.

    Select add a new asset 

  18. Select Create a blank file.

    Select Create a blank file 

  19. Next to "Create a blank file called", enter bold-compare.

    enter bold-compare 

  20. Select .js.

    Select .js 

  21. Select Add asset.

    Select Add asset 

  22. Copy and paste the bold-compare.js code into the file.

    copy and paste the code 

  23. Select Save.

    select save 

That's it!