Embryo
  • Introduction
  • Folder Structure
  • Embryo-angular
    • Installation
    • Translate App
    • Add/Delete Component
    • Custom Widgets
    • Style Customization
    • Routing/Navigation
    • Rtl
    • Credits
  • Embryo ReactJS
    • Installation
    • Translate The App
    • Adding New Widgets
    • Style Customization
    • Instant Search With Algolia
    • Credits
  • Embryo Vuejs
  • FAQ's (Frequently Asked Questions)
  • Changelog
  • Customer Support
Powered by GitBook
On this page
  • 1. How to add Firebase configuration?
  • 2. Getting started with Algolia Registration and process.
  • 3. How to add more Currency in Embryo?
  • 4. How to add new menu in header and responsive sidebar follow these steps:-
  • 5. How I can disable the FIREBASE?

FAQ's (Frequently Asked Questions)

PreviousEmbryo VuejsNextChangelog

Last updated 6 years ago

1. How to add Firebase configuration?

Open /src/environments/environment.ts and add your Firebase configuration:

environment.ts
export const environment = {
  production: false,
  firebase: {
    apiKey: '<your-key>',
    authDomain: '<your-project-authdomain>',
    databaseURL: '<your-database-URL>',
    projectId: '<your-project-id>',
    storageBucket: '<your-storage-bucket>',
    messagingSenderId: '<your-messaging-sender-id>'
  }
};

2. Getting started with Algolia Registration and process.

Algolia is a hosted full-text, numerical, and faceted search engine capable of delivering real-time results from the first keystroke.

  1. Create an account on .

  2. After Signup you are get the 14 days trial and also you can update the plans. Reference Link :

  3. Create an Index on Algolia Dashboard. Reference Link :-

  4. Add your products fields with values under the Index.

  5. Use the Algolia api key on your app and get the result. Go to the src -> app -> pages -> Products -> ProductsList folder and open the ProductsList.component.html file.

ProductsList.component.html
<ais-instantsearch
    [config]="{
      appId: '<appId>',
      apiKey: '<apiKey>',
      indexName: '<indexName>'
    }">
</ais-instantsearch>

3. How to add more Currency in Embryo?

Go to the src -> app -> Global -> CurrencyDropDown folder and open the CurrencyDropDown.component.ts file.

For example add a France currency. Add a object under the currencyArray like this :

CurrencyDropDown.component.ts
currencyArray : any = [
      {
         code:"USD",
         name:"United States Doller",
         image:"assets/images/united-states.png"
      },
      {
         code:"EUR",
         name:"France",
         image:"assets/images/france.png"
      }
   ]

Add a default currency in Embryo.

Go to the src -> app -> Services folder and open Embryo.service.ts file.

Embryo.service.ts
currency  : string = 'EUR';

4. How to add new menu in header and responsive sidebar follow these steps:-

  1. Go to the src -> app -> Core -> menu -> menu-items folder and open the menu-items.ts file.

  2. Add new object in the HeaderOneItems For example

menu-items.ts
const HeaderOneItems= [
  {
    state: "home",
    name: "HOME",
    type: "link",
    icon: "home"
  },
  {
    state: "",
    name : "SHOP",
    type: "sub",
    icon: "pages",
    children: [
      {  
        state: 'products/men/4', 
        name: 'PRODUCT DETAILS',
        type: 'link',
        icon: 'arrow_right_alt'
      },
      {  
        state: 'cart', 
        name: 'CART',
        type: 'link',
        icon: 'arrow_right_alt'
      },
      {  
        state: 'checkout', 
        name: 'CHECKOUT',
        type: 'link',
        icon: 'arrow_right_alt'
      },
      {  
        state: 'checkout/payment', 
        name: 'PAYMENT',
        type: 'link',
        icon: 'arrow_right_alt'
      }
    ]
  }
]

5. How I can disable the FIREBASE?

Follow these instructions to disable the firebase:-

  1. Remove the firebase from the configuration src -> environments -> environment.ts

2. Remove the firebase code from module src -> app -> app.module.ts.

3. Go to the src -> app -> Services -> Embryo.service.ts. and remove firebase function and database from the file.

Note:

For understanding and using firebase json data structure(format ) please go to the following path.

src -> assets -> data -> firebase.json

Reference Like :

Get the currency code for this URL :-

Algolia
https://www.algolia.com/pricing
https://www.algolia.com/doc/guides/indexing/indexing-overview/#indexing-via-the-dashboard
https://community.algolia.com/angular-instantsearch/getting-started.html
https://en.wikipedia.org/wiki/ISO_4217