The customization options are described in the Configuration documentation section.
This section is here if you want to go further. Indeed, if you want to customize your search more than this, you'll need to modify the files we installed in your theme. This requires a certain level of
When installing Algolia in your front-end, we're loading a few resources. Here is a full explanation of what we're putting in your theme.
Third-party libraries are hosted in your Shop theme using the Shopify Assets Management
In terms of front-end logic, we are using a few libraries to build the search experience provided in your front-end:
polyfill.iois a service allowing to add missing features to old browsers with no overhead for the most recent ones.
- lodash v3:
Lodashis an utility suite that provides helpful methods to manipulate collections, arrays, objects in a cross-browser way
jQueryis a library designed to manipulate the DOM more easily. Its methods also provide a great abstraction over features implemented differently between browsers
Hoganis a templating engine. It has its
own section in this documentation
- autocomplete.js: Algolia's autocompletion library
- instantsearch.js: Algolia's library of widgets to build an instant search page
For the design, we're using an icon pack:
- Font awesome: An open-source icon pack and CSS framework
We're installing 5 generic assets in your theme:
||Simple file to retrieve the currency used in your shop|
||File in which your configuration will be saved. This file is overwritten on every configuration update in your app, that's the only file you should't touch|
||Initialization file. Creates the
||Hogan templating logic helpers. See the dedicated section|
||File grouping all the constant strings of our app for easy translation into your own language|