Discussion on Embryo - Angular 14, React JS and Vuejs Material Design eCommerce Template

Discussion on Embryo - Angular 14, React JS and Vuejs Material Design eCommerce Template

Cart 632 sales
Well Documented

IronNetwork does not currently provide support for this item.

150 comments found.

Hi,

We have a theme that we purchased from you, that we are having trouble with, can i be really honest and say from what ive read you just cont be bothered in answering any questions and i think this just isnt right, if you dont answer within a decent time scale i will be leaving you the worst possible review ! So i guess its up to you.

Cheers

I can’t even run npm install without a ton of errors to fix, most of the packages deprecated and i don’t see how this would make the development faster so please let me know if you upload a updated reactjs theme foled otherwise please just refund the purchase. thank you Michele

Am I allowed to modify and customize the items [ Vuejs files & php code ] that I purchased if it is Regular License? also I want to know for the Vuejs if you’re using Javascript or Typescript ??

I want to know for the Vuejs if you’re using Javascript or Typescript ??

Hi, i have 2 questions:

1. Work this template with REST APIs? 2. I would like to have 3 different Webshops with the same design. Is it possible, that I buy your template one times and after the customization I copy the enproduct (my version) 3 times?

Thank your very much!

Best regards, Roland

Hi, work this template with REST APIs ?

Hello, I’m trying to understand the following component in the Angular distribution of Embryo: ProductsList.component.ts

How can I modify the input (the hits) that go into the <ais-hits> component? In other words, where does the data (or hit items) for the <ais-hits> component come from?

Thanks.

Hi a few questions

1 . does it use vue js 3 Composition API.? 2. doe sit use firestore db or firebase api realtime db ? 3. does it use the google auth system ?

Hi, could you kindly help with getting the reactjs eCommerce template run at my pc. since even after going through your documentation I’m not able to get it running. The node packages are failing to install. Currently I’ve tried installing node packages via three different node versions which are 14, 16 and 17 but still I’m not able to get the project running. I’m currently using Mac with M1 chip which is an arm processor.

The issues that I’m getting are:

gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2 gyp ERR! stack at ChildProcess.onExit (/{path to directory}/embryo-680/embryo-reactjs/node_modules/node-gyp/lib/build.js:194:23) gyp ERR! stack at ChildProcess.emit (events.js:400:28) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:282:12) gyp ERR! System Darwin 21.4.0 gyp ERR! command ”/{path to directory}/.nvm/versions/node/v14.18.1/bin/node” ”/{path to directory}/embryo-680/embryo-reactjs/node_modules/node-gyp/bin/node-gyp.js” “rebuild” “-verbose” “-libsass_ext=” “-libsass_cflags=” “-libsass_ldflags=” “—libsass_library=” gyp ERR! cwd /{path to directory}/embryo-680/embryo-reactjs/node_modules/node-sass gyp ERR! node -v v14.18.1 gyp ERR! node-gyp -v v7.1.2 gyp ERR! not ok Build failed with error code: 1 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@6.0.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the node-sass@6.0.1 postinstall script.

Hi,

Thanks for reaching out!

It seems that you are having issues related to node and npm. Please upgrade the same as follows.

1. Node v.14.19.0

2. npm i npm@v6.14.16 -g

3. Now remove node_module folder and delete package.lock.json.

4. At last run npm install.

Let us know if it works otherwise send us error message and provide us package.json file at support@theironnetwork.org

Thanks and have a nice day!

Hello there, I’m trying to install npm packages after download and I’m getting these errors

  1. npm resolution error report

2022-02-20T15:35:21.083Z

While resolving: embryo@6.8.0 Found: @angular/common@13.2.3 node_modules/@angular/common angular/common13.1.2” from the root project

Could not resolve dependency: peer angular/common“9.1.0 || 10.0.0” from @agm/core@3.0.0-beta.0 node_modules/@agm/core agm/core3.0.0-beta.0” from the root project

Fix the upstream dependency conflict, or retry this command with—force, or—legacy-peer-deps to accept an incorrect (and potentially broken) dependency resolution.

Raw JSON explanation object:

{ “code”: “ERESOLVE”, “current”: { “name”: ”@angular/common”, “version”: “13.2.3”, “whileInstalling”: { “name”: “embryo”, “version”: “6.8.0”, “path”: ”/Users/marwanzeitoun/Documents/Dropbox/projects/cook/embryo” }, “location”: “node_modules/@angular/common”, “isWorkspace”: false, “dependents”: [ { “type”: “prod”, “name”: ”@angular/common”, “spec”: “13.1.2”, “from”: { “location”: ”/Users/marwanzeitoun/Documents/Dropbox/projects/cook/embryo” } } ] }, “currentEdge”: { “type”: “prod”, “name”: ”@angular/common”, “spec”: “13.1.2”, “from”: { “location”: ”/Users/marwanzeitoun/Documents/Dropbox/projects/cook/embryo” } }, “edge”: { “type”: “peer”, “name”: ”@angular/common”, “spec”: “9.1.0 || ^10.0.0”, “error”: “INVALID”, “from”: { “name”: ”@agm/core”, “version”: “3.0.0-beta.0”, “whileInstalling”: { “name”: “embryo”, “version”: “6.8.0”, “path”: ”/Users/marwanzeitoun/Documents/Dropbox/projects/cook/embryo” }, “location”: “node_modules/@agm/core”, “isWorkspace”: false, “dependents”: [ { “type”: “prod”, “name”: ”@agm/core”, “spec”: “3.0.0-beta.0”, “from”: { “location”: ”/Users/marwanzeitoun/Documents/Dropbox/projects/cook/embryo” } } ] } }, “strictPeerDeps”: false, “force”: false }

Blog, is there a blog list view? Rather than just the detail view? How do they get to the individual detail pages?

I also noticed that the Next/Preview buttons are not working on the detail page…

Hi,

Thanks for reaching out!

For Blog List Query: We do not have blog list page, but you can make blog list page with the help of “Latest From Blogs” Section from the home page.

Next/Prev Button: You have do the functionality for this as we are giving static only.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Hi, I just purchased and the documentation seems to be off on the Vuejs version. None of the filepaths line up. eg: https://docs.theironnetwork.org/embryo/faqs-frequently-asked-questions/ src -> app -> pages -> Products -> ProductsList doesnt have algolia settings. the file is in src\components\Ecommerce but is not the same.

Hi,

Thanks for reaching out!

Embryo comes with three different languages reactjs, vuejs and angular. The link you have given that is related to angular if you need help in vuejs then please write in detail what you want to achieve. We will help you out.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

How can i choose template?

Hello, i’m having error while doing npm install:

$ npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: embryo@6.5.0 npm ERR! Found: @angular-devkit/build-angular@0.1101.4 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev angular-devkit/build-angular0.1101.4” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer angular-devkit/build-angular0.1102.3” from @nguniversal/builders@11.2.1 npm ERR! node_modules/@nguniversal/builders npm ERR! dev nguniversal/builders“^11.1.2” from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with—force, or—legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Hi,

Thanks for reaching out!

It seems that you are having issues related to node and npm. Please upgrade the same as follows.

1. Node js from v.12 to v.14

2. npm i npm@v6.14.11 -g

3. Open package.json file and replace typescript version like:

"typescript": "4.1.3",

4. Now remove node_module folder and delete package.lock.json.

5. At last run npm install.

Let us know if it works otherwise send us error message and provide us package.json file at support@theironnetwork.org

Thanks and have a nice day!

Good Morning Author. I have problem running Angular. I am using Docker. Could you please let me know if you have Docker file? Thanks you

Hello, On Chrome (and also Safari), When I resize the screen, the number in my cart icon in the header is not correctly aligned. The is the link of my screenshot: https://drive.google.com/file/d/1JMJr5lXw4eB_d5AB52Vjj8pXVfj2jYDJ/view?usp=sharing I used the vuejs template. Do you have an idea to fix this? Thanks

Hi,

Thanks for reaching out!

Its because of padding it did not aligned in center. Please add the following selector in your style file.

.notifications .v-badge__badge { display: flex; justify-content: center; padding: 0 !important; align-items: center; }

It will fix the issue.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

my Angular CLI version: 11.2.6

getting some errors with npm install

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: embryo@6.5.0 npm ERR! Found: @angular/common@11.2.7 npm ERR! node_modules/@angular/common npm ERR! angular/common11.1.2” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer angular/common9.1.0 || 10.0.0” from @agm/core@3.0.0-beta.0 npm ERR! node_modules/@agm/core npm ERR! agm/core3.0.0-beta.0” from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with—force, or—legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\Tiki 9\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Tiki 9\AppData\Local\npm-cache\_logs\2021-03-30T10_05_31_548Z-debug.log

Hi,

Thanks for reaching out!

Please upgrade your node, npm and typescript as following:

1. Upgrade Node js version from v.12 to v.14

2. Upgrade Npm version using following command

npm i npm@v6.14.11 -g

Now Add typescript version in package.json file as following:

"typescript": "~4.1.2",

After mentioned changes now remove node_module and package.lock.json and npm install again.

If you still facing any difficulties then please send us package.json file and also send your new node and npm version.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Is there a guide to update the template to Vue 3.0

Hi,

Thanks for reaching out!

You can easily migrate Vue 2 to Vue 3 as mentioned in the following article. This article explains every step in detail.

https://medium.com/swlh/migration-plan-to-the-all-new-vue-js-3-49f0b515913a

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

hey there :) this looks really good :) I especially want to use the algolia search. can it be used with the search icon too that’s on top of the page? and can highlighting be used for searching as you type? thanks in advance

Hi,

Thanks for reaching out!

We used algolia on the product page and the search filter is used to filter out the existing products with the help of algolia keys. As per your query you are requiring this search option for the main search bar which is located in the header. It can be done with the custom code because you have to add the alogia keys into the header which is quite tricky. On other hand we are simply using the approach of algolia on the product page in embryo. So as result you have to do custom code to make it possible.

In further, if you want the search bar always fixed on the top of the page then you can achieve it by fixing the sidebar search filer with CSS but you have to do custom code for styling too.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Does it included admin panel template as well?

Hi,

Thanks for reaching out!

Yes, It includes basic admin panel too. For more information please check the demo here: https://embryo.theironnetwork.org/admin-panel/reports

Please note that we don’t provide separate panel. Admin panel and front end panel included in same folder files as in demo.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey