Mixins
This is an overview of all the mixins provided by the Shopware 6 Administration. Mixins in the Shopware 6 Administration are essentially the same as the default Vue. They behave generally the same as in Vue, differing only in registration and the way mixins are included in a component. Learn more about them in the official Vue documentation.
Also, take a look at how to use them in plugins and how to register mixins.
Overview of all the mixins
| Name | Description | Link |
|---|---|---|
discard-detail-page-changes | Mixin which resets entity changes on page leave or if the ID of the entity changes. This also affects changes in associations of the entity | link |
form-field | This Mixin is used to provide common functionality between form fields | link |
generic-condition | Mixin that provides reusable logic for rendering and handling generic rule/condition UI elements (a base for condition components) in the admin interface | link |
listing | Mixin which is used in almost all listing pages to, for example, keep track of the current page of the administration | link |
notification | This Mixin is used to create notifications in the administration more easily | link |
placeholder | Provides a function to localize placeholders | link |
position | A Mixin which contains helpers to work with position integers | link |
remove-api-error | This Mixin removes API errors e.g., after the user corrected an invalid input, i.e., leaving the product name field blank | link |
rule-container | Provides common functions between the sw-condition-or-container and the sw-condition-and-container | link |
salutation | A common adapter for the salutation filter | link |
sw-inline-snippet | Makes it possible to use snippets inline | link |
form-field | Mixin that provides standard form‑field behavior and helpers (including name handling and “inheritance” support) for input components used throughout the admin UI | link |
user-settings | adds reusable helpers and reactive support for accessing and managing the current user’s personal settings (e.g., profile preferences like language, UI settings, etc.) | link |
validation | Is used to validate inputs in various form fields | link |
