Hi all, has anyone ever replaced a shopify site search on a shopify site with answers? I have access to the site’s code editor and wanted to give it a try but I didn’t want to ruin anything as it is a real business site: https://before7am.co/ any guidance on steps to take would be helpful!
Thanks, Mali
1 Like
Hi Mali,
The easiest way to get up and running with Shopify is to use the Answers Overlay.
- Go to sales channels > online stores > theme. Under “Layout”, select
theme.liquid
. - In the
theme.liquid
file, find the opening<body>
tag. Below that, place the Answers Overlay script with your domain. It should look close to this:
- Preview the site and verify that you can see the overlay!
- Locate the existing search button in the Shopify header and remove it – this is likely in
header.liquid
, but may differ depending on what theme you use.
Troubleshooting:
- If you don’t see the overlay options appearing, make sure you follow the “Additional Requirements” outlined here, Add Search Bar - Overlay Option | Hitchhikers
- You may need to save your changes in Shopify in order to see the overlay added.
The overlay is a great place to get started quickly, but it will result in fewer clicks that a search bar integrated in the header. We’ll follow up with more in depth instructions on how to further customize Shopify to add a results page and integrate our search bar into the header!
Thanks,
Rose
1 Like