Please note that this Support article contains frontend customizations via modifying the legacy Algolia template files, which are deprecated and unsupported by the Algolia Support Team.
For more information, please review this Support article - "Why is modifying Algolia template files for customizations not supported?"
In the default Dawn theme without any customizations, the default search inputs are displayed as follows:
Autocomplete Search input without any placeholder text:
InstantSearch Search input with the default placeholder text "Search for products"
[Modifying Autocomplete placeholder]
If you'd like to add search input placeholder text to Autocomplete, you can refer to the Configuring Autocomplete documentation for further assistance on modifying the Autocomplete configuration in the algolia_autocomplete.js.liquid
file:
The easiest way to do so is to add a parameter in the `autocompleteOptions` in the same file.
[Modifying InstantSearch placeholder]
Previous version (no Markets support)
You can navigate to the algolia_translations.js.liquid
file. This file controls the placeholder text, and you can edit the searchForProduct
property.
Latest version (Shopify Markets Support)
With the latest version of Shopify integration templates, you can manage the InstantSearch search input placeholder translations according to this documentation and copy the entire algolia_search.translations
on your Translate and Adapt app: