Can I change the defined CSS selectors on an unpublished Shopify theme (without affecting the published theme?)

1. Find the theme you want to alter and select "Edit Code."
2. Open the assets/algolia_config.js.liquid file.
3. Copy the JSON object after algoliaShopify.config =
4. (Optional) Paste the content into a Beautifier such as (https://jsonformatter.org/)
   • Remove the ; at the very end of your object.
   • Select the format/beautify  button in the middle.

1. Find and update the selector you need.
   • The Autocomplete dropdown parameter is "input_selector"
   • The InstantSearch results box parameter is called "results_selector"
2. Replace the relevant values in the algolia_config.js.liquid file with the newly edited beautified code.
3. Press "Save" on the Edit Code page.
4. Reload the page and test the theme preview.

Last reviewed 2023-10-30.