index 50d8ff20..e69de29b 100644

index f7b94f70..be629703 100644

@@ -186,8 +186,8 @@ Define the `parameter` for the URL body based on your URL webhook services.

| type | Type of parameter, only support `string` type. |

| name | The body key for your URL. |

| value | The content message for your URL; free to design your content message here. |

With the parameters configured like described above, an exemplary call of your Webhook Action could look like this:

index a1e8b625..52b07902 100644

@@ -33,7 +33,7 @@ In this very simple example it suffices to create a twig file, declare a block w

```

This overrides the entire Twig block with our new markup.

Learn more about the capabilities of twig.js [here](https://github.com/twigjs/twig.js/wiki).

As you might have noticed the heading we just replaced had a `{ $tc() }` [string interpolation](https://vuejs.org/v2/guide/syntax.html#Text) which is used to make it multilingual.

index fe889da9..31fedbab 100644

@@ -39,7 +39,7 @@ To create a custom flow trigger, firstly you have to create a plugin and install

### Create a new trigger (event)

Currently, you will need to also implement `Shopware\Core\Framework\Event\BusinessEventInterface;` in case the feature flag `FEATURE_NEXT_17858` is inactive. Please take note that this interface will be removed in `v6.5` .

@@ -336,7 +336,7 @@ Take a look at the [Add Flow Builder Action](/guides/plugins/plugins/framework/f

### Add your new event to the flow trigger list

```php

// <plugin root>/src/Core/Checkout/Customer/Subscriber/BusinessEventCollectorSubscriber.php

index 01d096d0..3793cc58 100644

@@ -118,11 +118,11 @@ Available commands:

help Displays help for a command

list Lists commands

feature

assets

assets:install

bundle

cache

cache:clear Clears the cache

cache:pool:clear Clears cache pools

index cd567c49..4a5ad112 100644

@@ -58,7 +58,7 @@ To override it now, just add the very same block into your custom file and repla

{% endblock %}

```

And that's it already, you're done. You might have to clear the cache and refresh your storefront to see your changes in action. This can be done by using the command following command inside your command line:

index 413193fa..c203afdc 100644

@@ -42,6 +42,7 @@ The`./psh.phar` commands to run our E2E tests in CLI or in Cypress' test runner

<Tabs>

<Tab title="Plugin setup">

Depending on your environment \(administration or storefront\) please create the following folder structure:

```text

@@ -156,6 +158,7 @@ To use E2E tests locally, you need to set the variable `CYPRESS_LOCAL` in your `

<Tabs>

<Tab title="Plugin setup">

If you want to run E2E tests in your plugin, just switch to the folder `Resources/app/<environment>/test/e2e` and execute the following command:

```bash

@@ -169,6 +172,7 @@ It opens up the Cypress test runner which allows you to run and debug your tests

::: danger

Don't forget that you might need to adjust test cleanup and other environment-related things according to your plugin's setup.

:::

</Tab>

<Tab title="Execution in platform project">

index 315f0a3a..43828c3b 100644

@@ -20,7 +20,6 @@ While working with your own theme, you might have already come across the [Theme

```javascript

// <plugin root>/src/Resources/theme.json

{

...

"asset": [

@@ -53,8 +52,8 @@ This way of adding custom assets refers to the default way of dealing with asset

You can link to the asset with the twig [asset](https://symfony.com/doc/current/templates.html#linking-to-css-javascript-and-image-assets) function:

```

In SCSS you can link to the asset like the following:

index 96d233bc..c2c25b83 100644

@@ -17,7 +17,7 @@ This is the list of naming conventions the B2B Suite complies to:

| Templates | All new layout modules are wrapped in `b2b--*` class containers |

| Modules reuse the template style of Shopware | |

| CSS Selectors | Three levels of selector depth as max |

| JavaScript | The B2B Suite is written in TypeScript |

| Storefront plugins | File names end with *.plugin.ts |

| Interfaces | File names start with `I`, e.g., `IAjaxPanelEvent.ts` |

index 21345f1c..41b4624a 100644

@@ -82,7 +82,8 @@ the action is new, and you must update the file to add the correct privilege nam

The ACL implementation is safe at the PHP level. Any route you have no access to will automatically be blocked, but for a better user experience, you should also extend the template to hide inaccessible actions.

```twig

```

This will add a few vital CSS classes:

index 6a8025e2..a603b991 100644

@@ -63,7 +63,7 @@ The B2B Suite comes with a library of simple helper plugins to add behavior to t

As you can see, there is the `AjaxPanelPluginLoader` responsible for initializing and reinitializing plugins inside b2b-panels.

Let's take our last example and extend it with a form plugin:

<div

class="b2b--ajax-panel"

data-url="{{ path('frontend.b2b.b2bcontact.grid') }}"

@@ -81,7 +81,7 @@ While few of them add very specific behavior to the grid or tab's views, there a

The `b2bAjaxPanelModal` plugin helps to open ajax panel content in a modal dialog box. Let's extend our initial example:

<div

class="b2b--ajax-panel b2b-modal-panel"

data-url="{{ path('frontend.b2b.b2bcontact.grid') }}"

@@ -99,7 +99,7 @@ Sometimes a change in one panel needs to trigger reload in another panel.

This might be the case if you are editing in a dialog and displaying a grid behind it.

In this case, you can just trigger reload on other panel id's, just like that:

<div class="b2b--ajax-panel" data-url="{{ path('frontend.b2b.b2bcontact.grid') }}" data-id="grid">

<!-- grid -->

</div>

@@ -114,7 +114,7 @@ Now every change in the form view will trigger reload in the grid view.

### TreeSelect

This `TreeSelect` plugin allows to display a tree view with enabled drag and drop.

The controller has to implement a move action, which accepts the `roleId`, `relatedRoleId`, and the `type`.

Possible types:

index 5f7b23dc..573de6b2 100644

@@ -15,10 +15,10 @@ For Shopware to recognize additional plugin migrations, they need to be placed i

Each migration filename follows a specific pattern. To ease plugin development, Shopware provides a console command which can be used to generate a correctly named migration file with the default methods needed.

## Modifying the database

Each migration can have two methods. The `update` and `updateDestructive`. The `update` method must contain only non-destructive changes which can be rolled back at any time. The `updateDestructive` method can contain destructive changes, like dropping columns or tables, which cannot be reversed. For examples of database migrations, refer to the below guide:

index e0e9b5f3..43eb8c6e 100644

Our product search is a small Storefront plugin that allows you to create input fields with autocompletion for products.

A small example is shown below. The plugin deactivates the default autocompletion for this field from your browser.

```twig

<div class="b2b--search-container">

<input type="text" name="" data-product-search="{{ path('frontend.b2b.b2bproductsearch.searchProduct') }}" value="" />

</div>

```

## Elasticsearch