vivek-webkul
commented
2 years ago Hi @althafn96
To run the VueStoreFront project you need to configure the Bagisto Headless project for the server end support, configure the same project by using the below link: [https://github.com/bagisto/headless-ecommerce/tree/v1.3.0](Bagisto Headless Commerce v1.3.0)
Once you install the Bagisto with the headless project, try to hit this URL in your browser: https://your.domain.com/graphql-playground
After that, you can configure the Vuestorefront project, you will find the .env.example inside the packages/theme directory. Remain this file to .env and can set the BAGISTO_DOMAIN https://github.com/bagisto/vuestorefront/blob/main/packages/theme/.env.example#L1
For more detail, you can check your demo: https://demo.bagisto.com:2087/product/63
It might be possible that you are not getting the data from the product API, this is the reason you can see the default images and data. I will suggest you check the console from where you ran the yarn commands.
Expected Behavior
single product page should display the product details by id.
Actual Behavior
The product page does not display the product details at all. All we get are default images with no data.
Possible Solution
No response
Steps to reproduce
No response
What version of bagisto integration are you using?
1.3.3
What version of Node.js are you using?
16.13.1
What browser (and version) are you using?
Chrome
What operating system (and version) are you using?
Windows 10
Relevant log output
No response
Code of Conduct