Alokai

A

Alokai

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

Join

CartPageContent Component

Hey Peeps, currently I can't find any information on the CartPageContent Component that is used in the Nuxt Boilerplate. It's not part of the documentation so far and also not to be found in the figma file. - Was this overlooked or where can I find information about it?...

Wrong links in the documentation

Hello everyone, on this page all the links "See the ... for more information" are wrong: https://docs.vuestorefront.io/magento/composition/list-of-composables.html Where top get the updated links?...

Vue Storefront and Commercetools

Hi, I'm a beginner and I need a step by step guide to set up Vue Storefront and then integrate it with Commercetools. If anyone can guide me through it then please let me know. Also, it would be great if I am able to later host it online on heroku, netlify, etc. Thank You....

Display custom meta field shopify

Hi guys, I'm trying to display my custom meta field on my product sheet, but I don't see how to do it. In the dev tools view, the value of my custom meta field does not even appear. Do I have to do specific manipulations to have access to it?...

connect ECONNREFUSED 127.0.0.1:443

Hello All. I am integrating Vue Storefront with existing Magento 2 BE (Not docker installation). Everything is up but am getting error for graphql query [reason: connect ECONNREFUSED 127.0.0.1:443] and localhost server error [api/magento/customQuery 500 (Internal Server Error]. Installed localhost cert using mkcert. What am missing? Is it any configuration issue?...

Troubleshooting Shopify Integration with Vue Storefront: Navigational Error

Hi peoples, I'm trying to integrate Shopify with the vue storefront by adding my credentials in .env file and while previewing locally the collections name and products are showing but when I'm trying to navigate to them I'm facing an error.

General question(s) about the "new" Storefront/UI/Boilerplate

Hi folks, a week a ago I did my first steps with the "old" Storefront (vue2, nuxt2) but after some chats here, I learned, that there is a new Version (coming). For example the Storefront UI (just did introduction on the page with nuxt3 and tailwind) and there is also some a kind of middleware (Boilerplate/SDK), I also played with that, thinking I need it for the old Storefron (I was wrong?!). At first I thought I can't use the new version, because the is no complete Nuxt3 Storefront yet, just the components (there is only one written in React). But it turns out I just need a public list of Products (frontend) from a private ElasticSearch Instance (through middleware?) in the first place, so the Storefront UI ProductCard is enough. I just need to fetch the data How do I integrate my clean Nuxt3/Storefront UI project with the Boilerplate? Just run two node instances? Or can I integrate the Boilerplate in my nuxt3 project (server side) Do I even need the Boilerplate or can I just create some custom PHP middleware (we have no node developers here) with some endpoints, or do I miss lot of nice features from the boilerplate?...

Cant override category list query

Hello, try to override categoryList query, but it didn't work i create custom categoryListQuery with needed key add this query to magento - customQueries inside middleware config. funny, but i got image in postman...
No description

How can I build nuxt regardless of typescript errors?

The build failed due to type checking but I would like to avoid put ts-ignore everywhere and build the project anyway. Is there a config to do this?

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)
No description

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....
No description

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. ...

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 similar