Vue Storefront SDK testing
Hello, I have some general SKD questions about integration/unit tests, if someone could help:
1. According to the documentation, the afterEach hook (in integration > jest.setup.ts) clears cookies automatically. However, we found that our logged in user session isn’t terminated unless we add our own corresponding function. The session is based on cookies. Do you have any idea why that might be?
2. What’s the purpose of the error unit tests? No matter what error we place in the parameter, the test will still give success.
3. What’s the purpose of RESPONSE_MOCK in the unit tests? It doesn't seem to influence test conclusion....
Change currency symbol
How do I change vue storefront currency symbol display to show "S$" instead of "SGD"? basically everywhere that calls $fc(productPrice)
Next.js, SFUI 2, boilerplate & integration
Hi. I can't seem to find the resources in the documentation to fully understand what's the current status and possibilities, so I'll regroup several questions to try to understand better:
- is Next.js compatibility production-ready?
- is there some examples of SFUI 2 usage in a boilerplate/an e-commerce integration (in Vue? in React?)?
- what's the starting point for a new project? A boilerplate? There's currently only a Next boilerplate (https://github.com/vuestorefront/storefront-next13-boilerplate )?
- should an e-commerce integration be adapted to be compatible with Next.js (if it exists for Nuxt)?...
<SfImage /> convert image format.
Hi.
How to convert image to webp and reduce quality by <Sfimage /> (<nuxt-image/>) from magento backend ?
For example:
I pass that url
https://dev.prod.togas.tech/media/togas/image/banner/Ban1M_1.jpg and it not work.
If i'am try do the same formatting, but use image from static folder - its works....
Vue Storefront 2 upgrade path
Hi. We have been working with Vue Storefront 2 for the past 18 months to develop sites with Magento 2.
Now you have released the Magento platform agnostic SDK does this mean you are no longer supporting/updating the Vue Storefront Magento integration?
Vue 2/Nuxt 2 are End Of Life this December. We are trying to assess how we move forward with Vue Storefront. ...
Using templates from Themeforest into VFS
Hi I am building an eCommerce application. There's a demo of Vue Storefront 2 integration with Odoo
https://github.com/vuestorefront-community/template-odoo/tree/f5e00810a8b62dbb175c8ce17138256eb7d75df9
I want to modify the front-end. So I has bought an Ecommerce Template built with VueJS, Nuxt 2 from themeforest. Like this
https://themeforest.net/item/martfury-multipurpose-marketplace-vuejs-ecommerce-template/27380624
...
i cant seem to find my way here. looking for demo.vuestorefront theme
i see tailwind mentioned all over the place, but is there no theme like the demo theme available?
I installed the VSF and in the default components there is no tailwind. i found the tutorial on how to install tailwind and vue using storefront ui.
But after installing storefront ui, is it the idea that i should replace all the default vue files manually?
i was expecting the demo theme to be available.. was i wrong?...
What makes a CMS good for Vue Storefront?
Hi, I am in the process of choosing a CMS to manage the content for our store. The purpose is not to address the product catalog/ images as we have a PIM- Akeneo for that. Its to have a solution where we can store and manage marketing assets for e.g. the landing pages, blog, about pages.
I see that there are a number of pre-built integrations on this list: https://docs.vuestorefront.io/v2/integrations/#cms
How are these CMSes chosen at the beginning? Do they have certain features that are particularly works well with ecommerce/ headless storefront? I notice for example some of the well known CMS such as Drupal, Joomla, Django isn't on the list. Obviously one can't integrate everything and has to start somewhere. But I also want to see if there is a specific reason for their absence also. ...
I see that there are a number of pre-built integrations on this list: https://docs.vuestorefront.io/v2/integrations/#cms
How are these CMSes chosen at the beginning? Do they have certain features that are particularly works well with ecommerce/ headless storefront? I notice for example some of the well known CMS such as Drupal, Joomla, Django isn't on the list. Obviously one can't integrate everything and has to start somewhere. But I also want to see if there is a specific reason for their absence also. ...
Don't know how to customize theme
I've created a new Integration with this documentation https://docs.vuestorefront.io/v2/integrate/integration-guide.html#create-a-theme.
I also fetched some products on a newly create page in
packages/theme/pages but how do I customize the Homepage? I find Home.vue only in _theme folder...Middleware needs to authenticate with SAML against Sylius Shop
Is there a way to use SAML with the Middleware? Currently it's a Sylius Shop v1.10 that uses SAML to authenticate the User
Where is UseProduct Interface mentioned in the Documentation?
In the documentation the
UseProduct Interface is mentioned here https://docs.vuestorefront.io/v2/integrate/integration-guide.html#implement-useproduct-functionality but I can't find it, just useProductFactory which looks similarHello!
We started playing around with Vue Storefront (based on Shopify). We use the default project data for the moment. Only, we notice that on the demo version proposed by you or the version that can be installed locally, we do not know how to access the view of a product. Error: this page could not be found. Why ?
I'm afraid it will do it to me when I use my real data 🙂
Same error in your demo: https://shopify-pwa.aureatelabs.com/
...
VueStorefront + Amplience
https://docs.vuestorefront.io/amplience/guide/usage.html
I'm following this doc to start an usage with Amplience, I've already installed the libs and created the content in amplience
NOW, I'm trying to fetch the content from the CMS but the documentations ins't clear enough
At content rendering section I've copied RenderContent.vue to <root>/cms/...
Complete ecommerce backend implementation
Hi Team,
I want to build an ecommerce website using VSF (https://github.com/vuestorefront/vue-storefront) and custom backend API which handles all the calls to get, update and delete ( products, wishlist, place order, make payment). Can anyone help in steps I need to follow.
So far I see that I need to follow Custom integration creation using CLI. But after creating it how to integrate to VSF and Do I need to define all the hooks?...
Products won't show - [VSF][Error]
I am using Vue Storefront with Shopify Integration and I keep getting an error in the command line and also the browser. In the browser when ever I click the product or the category I get broken link "An error occured -Please go back or try again" in the command line the error is
" [VSF][error]: useFacet/useFacet/search Cannot read properties of undefined (reading 'products')
...
...
Error on Vue+Laravel routing.
Hello, Do you have experience on this error?
ChunkLoadError: Loading chunk resources_js_components_frontend_pages_user_security-settings_vue failed.
(error: http://localhost/lekit/store/screwfix-fraserburgh-fwnry/public/frontend/js/chunks-162/resources_js_components_frontend_pages_user_security-settings_vue.d5a29fdb48757fb6.js)
...
What's the implication of using/ not using Storefront UI components in the Figma design?
I am discussing with my UIUX designer about the use of Storefront UI 2 components in the design in Figma. At our stage of the design (wireframing), how much of these components/ how essential is it to incorporate these components into Figma? My view is it is essential, but I could be wrong. Its the first time my designer comes across VSF/ SFUI.
I mentioned to her- Vue Storefront provides these components in a Figma file that can be integrated into the design. I've asked the designer at the beginning to incorporate these customizable blocks/ components for speed of implementation/ accessibility down the road. She said that they originally followed the guidelines, with a divider, carousel, arrows, box, and footer, but said that as the needs changed, she customized the design to better meet the requirements.
I said that Storefront UI are customizable components that's done within the Vue Storefront framework for a few benefits- load speed optimization, speed of implementation for the developer, US WCAG accessibility requirements met. I asked for clarifications on what customization means- that if she is taking the components/ layouts/ blocks/ themes/ style and customizing them, its ok. If she is starting from scratch or using non-Storefront UI components, I believe it will mean the developer will have a harder time implementing the design and have to re-do some of the work that you guys did with the SFUI components. Storefront UI blocks also meet US WCAG accessibility requirements. If we aren't using Storefront UI blocks, then I need to have separate WCAG reviews, which is unnecessary if we just use Storefront UI blocks....
Correctly using vuex in custom integration boilerplate
Hello again 🙂
i want to create a vuex store in the custom integration boilerplate. I already have an index.js file inside the stores folder and created a file named
userShipping.js with following content:
```...Vue / Nuxt 3 support
Hi guys,
I don’t know if this was already discussed before but is storefront starting support for Vue / Nuxt 3?...