Alokai

A

Alokai

Join the community to ask questions about Alokai and get answers from other members.

Join

is tailwind css already installed with vsf UI 2?

here, i wana ask something that we know that vsf has builtin vsf 2 configration that we can to make out website looking good but my concrn is i would like to use tailwind css that is with vsf UI 2 can we use it there is vsf??

How to change favicon?

How do I change favicon in vue storefront? I have added favicon.png to static folder and this is what I have added in nuxt.config.js: link: [ { rel: "icon",...

BasePath old custome-boilerplate-integration

Hi, i tried adding a basePath as mentioned here https://docs.vuestorefront.io/v2/getting-started/layouts-and-routing.html#changing-base-path But also all calls to the composables will be rerouted too and therefor stop working....

VSF-Adyen Migration clarification

Hi, We're currently trying to upgrade our VSF-Adyen module (in a Nuxt 2 project) to the latest version (with the new sdk methods) and it seems that we also need to upgrade VSF-middleware to v3.X. Would we also need to upgrade our other libraries (namely commercetools and contentful) to the new middleware/SDK scheme? If so what would be the best way to proceed and if not what would you recommend to make the different packages and middlewares work seamlessly?...

Problem installing Tailwindcss and Storefront UI

Hi, I'm trying to install tailwind and UI as described here: https://docs.storefrontui.io/v2/vue/getting-started.html using yarn add -D @nuxtjs/tailwindcss @storefront-ui/vue but I get the following error: error globby@14.0.0: The engine "node" is incompatible with this module. Expected version ">=18". Got "16.20.2" I tried using an older version of tailwind (5.3.5) but I still get the same error. The Nuxt version found in vuestorefront package.json is 2.15.8 but Tailwind needs >3. Which version is suitable? Thanks @vue-storefront/magento-theme V1.3.1...

Add SearchProduct params or variables

Hi, i need to pass extra params or variables to useProduct search params to get price depending on customerGroupId, is it possible ?
await searchProducts({ slug: route.value.params.slug, customQuery: {...

Vuestorefront for Shopify?

Hi, Is vuestorefront still available for Shopify? I saw the repository as archived.

How to extension api for VSF

I was added extension on middleware.config.js like: ` integrations: { magento: { location: '@vue-storefront/magento-api/server',...

Custom graphQL query

Need to create a custom query inside a custom module to fetch and display data from Magento 2. The data comes from a custom Magento module that exposes a simple entry list via graphQL. Using Apollo sandbox I can view the response but I cannot seem to be able to find a step by step guide to achieve implementing the query in my module. Links I followed...

When I reload the checkout page it automatically redirects to the home page.

When I reload the checkout page it automatically redirects to the home page. How to come when I reload the page it's still on the checkout page in VSF ?

VSF/ Magento product image sizing

Does anyone know how VSF/ Nuxt Image handles Magento product images? Magento has multiple product image sizes available for product image: regular, thumbnail, small, etc. but uploading multiple sizes of the same images seems so 90's.
My understanding is that VSF/ Nuxt Image can request a local static image and resize it with IPX or a cloud image processor like IMGIX, but its unclear to me whether it can request an image from the Magento catalog from another server and process it.
Does anyone know if its possible to use VSF/ Nuxt to resize a magento catalog image? If so, do you have any pointers/ tips that you can share on how to set it up properly? Thanks!...

Can Vue Storefront?

Can Vue Storefront be hosted on my own server? If so where it the informant on that and how can we begin to host headless Vue Storefront on my own server?

New Vue Storefront SDK

I have a Nuxt 3 project using the new SDK for vue storefront. I see that the middleware is an express server in addition to the Nuxt 3 builtin server, and this needs to be public which is yet another endpoint to maintain. Can I run the middleware through nuxt without creating another endpoint, like in the old setup?...

document

Any tips to building a multi-store vuestorefront app? - custom styling (I thinking changing the --colors-* via javascript) , loading the style via server. - get the store data, via store url and make a request to fetch the styles and icons, favicon, etc if anyone have any advice, or tips thanks in advance!...

Using localePath Function With I18 strategy: 'prefix_except_default' Bug

When Using localePath Function With i18 strategy: 'prefix_except_default' encodes the / Character in URLs to %2F. For Example localePath('/store/testing/about') will return https://localhost:3000/store%2Ftesting%2Fabout

VSF2-Nuxt3 app integrated with Magento 2.

I have a vuestorefront 2 application extended with Nuxt and integrated with Magento 2. I was working on SignUp and Login functionality and storing the token from generateCustomerToken method to localStorage. Works perfectly fine but when I try place Guarded Routes and try to access that guarded route directly by typing url, it gives me 500 saying 'localStorage is not defined'. It should redirect me to Login page. Below are the screenshots if someone could look into them and sugg...
No description

Problem with installation

Hello! I am on a fresh win10 installation with wsl2 and docker desktop. I just tried running the "npx @vue-storefront/cli init" command, and when it asks me to provide a name for magento 2 directory I cant really type that in, the text goes to the line below and when i type something and press enter the installation freezes.
No description

Sotring cookies for magento 2 using ```vsf-customer```

I have integrated Magento 2 sdk in my vsf app. For use Authentication, I am using
createCustomer
createCustomer
method with custom graphQL query and then I use
generateCustomerToken
generateCustomerToken
method to generate Token for authentication. Now, I want to store this token in cookies/localstorage. The documentation suggests that I should use
vsf-customer
vsf-customer
to store cookies because mthods like
customer, customerCart, updateCustomer, changeCustomerPassword
customer, customerCart, updateCustomer, changeCustomerPassword
use token stored in
vsf-customer
vsf-customer
. But, I ha...

Problems using Custom Integration

Hello! I am writing custom integration using boilerplate npx @vue-storefront/cli create integration everything configured as per documentation, added endpoints - and it works fine with playground 🙂 ...