Custom CSS + JavaScript + version history & optional cookie consent
Technical Information
Highlights
-
Dedicated container manager for CSS, SCSS and JavaScript
-
Compilation of custom code directly into the theme
-
Change history with recovery option
-
Script integration dependent on cookie consent
Features
-
Code editor with syntax highlighting for SCSS and JavaScript
-
Creation of any number of containers for code management
-
Direct insertion of CSS/JS into the Shopware theme compilation
-
No additional HTTP requests – clean integration without dependency issues (e.g. jQuery)
-
Option to only integrate scripts with active cookie consent
-
Prioritizable containers – controllable order of execution
By default, Shopware does not offer a simple way to manage your own styles or scripts directly in the administration area and integrate them in a performant manner. Adjustments often have to be made laboriously via themes or external files.
We have therefore developed a plugin that offers the following functions:
- Manage your own styles
Individual CSS or SCSS customisations can be stored directly in the editor – for example, for colours, spacing or animations. Integration is automatic and takes precedence over the Shopware standard styles. - Insert your own scripts
Your own JavaScript functions can be added centrally, for example for tracking or interactive shop elements. Scripts can be configured so that they are only loaded with the customer's consent (e.g. Google Analytics). - Change history & restoration
All customisations are automatically logged. The integrated history allows you to keep track of everything and revert to older versions at any time if necessary. - Flexible management through containers
Styles and scripts are organised in separate containers. These can be created, prioritised and assigned to individual sales channels as required. - Script integration after cookie consent
Scripts can only be integrated after cookie consent has been given. An individual cookie name and a predefined cookie group can be selected. - Clean & high-performance integration
The code is integrated directly into the Shopware theme compilation. This means that no additional HTTP requests are generated and there are no conflicts with existing libraries (e.g. jQuery).
Installation
- Open the Plugin Manager via Settings > System > Plugins.
- Upload the plugin, install and activate it.
Usage
After installation, you will find a new section in the admin menu underSettings > Extensions > Custom Styles / Script.
There you can create your own style containers (for CSS/SCSS) and script containers (for JavaScript). The changes are automatically applied to the theme as soon as you start compilation in the backend.
Configuration
Styles (CSS/SCSS)- Name & Order
Give your style a unique name. The order (priority) determines whether a style is applied earlier or later. Higher priority means that this style overrides others if necessary. - Sales channels
Determine in which shops the style should be active. - Code entry
Enter your CSS or SCSS code directly in the editor. - Insertion position
The styles are automatically loaded before the Shopware standard styles.
- Name & Order
Assign a name and determine the execution order. A script with higher priority runs first, followed by scripts with lower priority. - Sales channels
Select the shops in which the script should be active. - Cookie settings
If a script may only be loaded after consent has been given (e.g. tracking), enter the technical name, group (e.g. marketing), title and description. - Insertion position
The scripts are automatically loaded before the Shopware standard JavaScript.
Frequently Asked Questions
Es wurden keine Fragen gefunden. Kontaktieren Sie uns, wenn Sie konkrete Fragen haben!| Version | Date | Compatibility | Changelog |
|---|---|---|---|
| 4.4.6 | 23 February 2026 | >=6.7.0.0 <6.8.0.0 |
|
| 4.4.5 | 21 January 2026 | >=6.7.0.0 <6.8.0.0 |
|
| 4.4.4 | 27 October 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.4.3 | 14 October 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.4.2 | 13 October 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.4.1 | 10 October 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.4.0 | 6 October 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.3.5 | 10 September 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.3.4 | 9 September 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.3.3 | 3 September 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.3.2 | 3 September 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.3.1 | 28 August 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.3.0 | 26 August 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.2.1 | 30 July 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.2.0 | 21 July 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.1.0 | 15 July 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.0.2 | 11 July 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.0.1 | 3 July 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 4.0.0 | 15 May 2025 | >=6.7.0.0 <6.8.0.0 |
|
| 3.4.1 | 6 October 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.4.0 | 5 October 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.3.4 | 3 September 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.3.3 | 28 August 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.3.2 | 26 August 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.2.1 | 21 July 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.1.1 | 15 July 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.1.0 | 14 July 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.0.3 | 19 March 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.0.2 | 18 March 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.0.1 | 18 March 2025 | >=6.6.0.0 < 6.7.0.0 |
|
| 3.0.0 | 15 May 2024 | >=6.6.0.0 < 6.7.0.0 |
|
| 2.0.1 | 5 September 2025 | >=6.5.0.0 <6.6.0.0 |
|
| 2.0.0 | 20 September 2023 | >=6.5.0.0 |
|
| 1.3.4 | 5 September 2025 | >=6.4.0.0 <6.5.0.0 |
|
| 1.3.3 | 14 February 2023 | >=6.4.0.0 |
|
| 1.3.2 | 26 November 2022 | >=6.4.0.0 |
|
| 1.3.1 | 26 November 2022 | >=6.4.0.0 |
|
| 1.3.0 | 26 November 2022 | >=6.4.0.0 |
|
| 1.2.1 | 26 November 2022 | >=6.4.0.0 |
|
| 1.2.0 | 26 November 2022 | >=6.4.0.0 |
|
| 1.1.0 | 26 November 2022 | >=6.4.0.0 |
|
| 1.0.1 | 26 November 2022 | >=6.4.0.0 |
|
| 1.0.0 | 26 November 2022 | >=6.4.0.0 |
|