https://github.com/Interactivated/vsf-algolia-search
Algolia Search module for Vue Storefront
https://github.com/Interactivated/vsf-algolia-search
Last synced: 5 months ago
JSON representation
Algolia Search module for Vue Storefront
- Host: GitHub
- URL: https://github.com/Interactivated/vsf-algolia-search
- Owner: Interactivated
- Created: 2019-09-27T06:37:42.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-10-23T10:22:30.000Z (over 4 years ago)
- Last Synced: 2024-05-22T17:32:18.344Z (11 months ago)
- Language: JavaScript
- Homepage:
- Size: 6.84 KB
- Stars: 7
- Watchers: 4
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vuestorefront - Algolia Search integration (for search panel)
README
# This is Algolia Search module for Vue Storefront.
Demo integration to SearchPanel.
## Frontend setup
`storefront/src/modules/index.ts`
```
import { Algolia } from '../modules/algolia-search'
export const registerModules: VueStorefrontModule[] = [
...,
Algolia
]
```
`storefront/src/themes/default/components/core/blocks/SearchPanel/SearchPanel.vue`
Setup the new path to `SearchPanel`
```
// import SearchPanel from '@vue-storefront/core/compatibility/components/blocks/SearchPanel/SearchPanel'
import SearchPanel from 'src/modules/algolia-search/components/SearchPanel'
```
## Api setup
Install package to api:
`cd ../vue-storefront-api`
`yarn add -W algoliasearch`
Install extension to `vue-storefront-api`:
```shell
$ cp -fr src/modules/algolia-search/api/algolia ../vue-storefront-api/src/api/extensions/
```
Update setting in configuration:
`./config/default.json`
```
"registeredExtensions": [
...,
"algolia"
],
]
"extensions": {
...,
"algolia": {
"appId": "application-id",
"apiKey": "application-key",
"index": "algolia-products-index"
},
...
}
```
## Setup the Algolia access (ACL) in Algolia admin panel:
Go to `Api Keys -> All Api Keys -> Select actual Api Key`
