[Bug]: single product page is not working.

[althafn96]

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

• I agree to follow this project's Code of Conduct

[vivek-webkul]

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.