storefront | An example storefront PWA for Vendure | Server Side Rendering library

I’m trying to get JSON with products details from the website https://www.highspiritsuae.com/shop?Collection=WINE by sending request.get.

I’m very new in interaction with web, however by using of developer tools in Chrome was able to find element that gives this JSON and look at headers, Chrome sends to get it.

I have created few rows of code, however, receive 401 as a result. As per google it means authorization issue, but when I open website through browser it does not require any login/password.

We are launching a Shopware 6 website and want to acomplish the following URL strucutre:

https://example.com/de -> German Language https://example.com/en -> English Language

We currently have tree entries in the the Storefront's domain configuration:

The problem here is, that the language switcher always defaults to the shortest (?) URL when switching stores, i.e. when switching from EN to DE, it picks https://example.com instead of https://example.com/de.

We have the entry (1) in the domain configuration, because without it, plugins break (they cannot properly generate their API URLs anymore).

Is this a problem in the plugins and should it be possible to just delete (1) or are we supposed to make the configuration differently?

**I am using latest version of the react-router (v6) where I am navigating from the navbar in header component to other pages. The main question is that, how can I go to the other pages(routes) when I am on a certain page. Like when I am on the Games page and I have to move forward to the careers page, then the route exception occurs, so every time I have to go to other pages, first we have to move the home pages, then we have to move again on another page. This is my heroku deployed link of reactjs app : plomx.herokuapp.com
&& This is my code of app.js

We want to display customer (actually customer-group) specific information on product detail pages in Shopware 6.

There seems to be the HTTP cache and we are afraid that the page would be cached if a specific customer group displays the page and the information would be leaked to non-customers.

Is this assumption correct?

The documentation does not reveal much information about this.

Is there a way to set specific cache tags, so that the information is only displayed to the correct customer group?

Or do we need to fetch the data dynamically via AJAX?

Bonus question: Can the HTTP cache be simulated in automatic tests to ensure the functionality works?

What I found out so far:

• The is annotation @httpCache for controller, which seems to control whether a page is cached or not

• The cache key is generated in \Shopware\Storefront\Framework\Cache\HttpCacheKeyGenerator::generate. It take the full request URI into account, and some cacheHash which is injected. I believe it would not take the customer group into account

• Maybe this generate() method could be decorated, but I am not sure if that is the right way.

• There is a cookie being set sw-cache-hash which influences the caching. It takes the customer into account.

• sw-cache-hash is created here:

  ...

I want to use CSRF in ajax mode - Use CSRF protection

Currently I edited the storefront.yaml in vendor/shopware folder, but that shouldn't be right? For config changes, I should create a new .yaml file, but where do I put it?

Thanks

I've added to my storefront a new extension based on commercewebservices and I've tested several sample services directly through swagger and the ones that doesn't need any kind of authorization works perfect. However, the webservices annotated with @ApiBaseSiteIdAndUserIdParam when I set the userId and siteParam the controller that interecepts this petition doesn't set in session the user I pass, it always returns anonymous user. I've tried creating special OAuth credentials but it doesn't work it always returns anonymous user.

I was wondering how can i change the default styles of Mollie Plugin in Shopware 6?

what i tried so far:

1. using css to change credit-card components styles
2. using jQuery and Javascript to overwriting CSS in JS files
3. tried to change Plugin JS files directly but I need to build:storefront (and with next update it all will lost)

all things that I already tried didn't work. please if you have any idea i really appreciated.

I need to change this red color:

I recently upgraded to macOS Monterey and noticed that I cannot do any git commands that affect an onliene repo. Commands that are affected so far are

Within @Storefront/storefront/base.html.twig the blocks base_header and base_navigation are defined. I would like t move base_navigation into base_header to achieve a markup like this: