Create Shop
Hii Guys, @rohrig @skirianov
I want to create new shop page in my vue storefront with all categories product in one and fetch from megnto 2 and also how to customize that all thing
How to customize internal pages in Vue Storefront
42 Replies
Hi @Altamash 👋 ,
you can use this repo for inspiration: https://github.com/TidycodeIT/nuxt3-magento-sdk-storefront
Please let me know if you have more questions after giving this a look. 😄
GitHub
GitHub - TidycodeIT/nuxt3-magento-sdk-storefront: A boilerplate sto...
A boilerplate storefront build with the Vue Storefront Magento 2 Integration and Storefront UI - GitHub - TidycodeIT/nuxt3-magento-sdk-storefront: A boilerplate storefront build with the Vue Storef...
Thank you so much for your reply @rohrig sir
i have already install vue storefront and connect with magento
after that i want to a new shop page in that so what can i do for that
after that i want to a new shop page in that so what can i do for that
If you scroll down to the bottom of the quick start page here: https://docs.vuestorefront.io/integrations/magento/getting-started/quick-start
you will see an example of fetching products.
getting this error
![No description](https://cdn.answeroverflow.com/1148895141227155457/image.png)
i am creating new header file for my custom header
als
you need to ensure the path does in fact lead to the sdk file
i not got any SDK file when i install vue storefront
how did you create the project?
![No description](https://cdn.answeroverflow.com/1148896061092528148/image.png)
using this command
npx @vue-storefront/cli@4.4.2 generate store
Ah I see. The docs I've linked are for the newer version. This command creates a store for using the previous version.
I would recommend going through the guide I linked step-by-step
so first i install this right
That's one way to go. That way the SDK is already installed.
But you're free to use any frontend app you like. Nuxt, Next Qwik. The SDK work in all of them.
ok
i am going right
![No description](https://cdn.answeroverflow.com/1148902776177438740/image.png)
![No description](https://cdn.answeroverflow.com/1148902776592666624/image.png)