PHPackages                             sschreier/sschreierhtmlcssjstwigcodeelementforshoppingexperiences - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. sschreier/sschreierhtmlcssjstwigcodeelementforshoppingexperiences

ActiveShopware-platform-plugin[Templating & Views](/categories/templating)

sschreier/sschreierhtmlcssjstwigcodeelementforshoppingexperiences
=================================================================

html, css, js and twig code element for the shopping experiences

1.1.1(8mo ago)326↓92.9%GPL-3.0-or-laterTwig

Since Mar 8Pushed 8mo ago1 watchersCompare

[ Source](https://github.com/sschreier/SschreierHtmlCssJsTwigCodeElementForShoppingExperiences)[ Packagist](https://packagist.org/packages/sschreier/sschreierhtmlcssjstwigcodeelementforshoppingexperiences)[ RSS](/packages/sschreier-sschreierhtmlcssjstwigcodeelementforshoppingexperiences/feed)WikiDiscussions master Synced today

READMEChangelog (4)Dependencies (2)Versions (5)Used By (0)

An extension to providing a cms block and a cms element for html, css, js and twig code within a layout for Shopware 6
======================================================================================================================

[](#an-extension-to-providing-a-cms-block-and-a-cms-element-for-html-css-js-and-twig-code-within-a-layout-for-shopware-6)

The extension *provides a cms block and a cms element for html, css, js and twig code under the block category **HTML*** within a layout.

If required, the *cms element can be used at any cms block* as usual *using the corresponding icon*.

*After enabling the twig compilation*, *you can* also *use twig variables and snippets in the fields*.

This makes it possible to *personalize content in the shopping experiences* or to *display customer, category or product data*.

Display of the greeting from the sidebar of the customer account in a shopping experience
-----------------------------------------------------------------------------------------

[](#display-of-the-greeting-from-the-sidebar-of-the-customer-account-in-a-shopping-experience)

1. Place the cms block in the layout
2. Activate the switch *enable twig compiling for all fields*
3. Insert the following content into the field *html code*:

```
{% if context.customer %}

        {{ 'account.greetings'|trans|sw_sanitize }}
        {% if context.customer.salutation and context.customer.salutation.salutationKey != 'not_specified' %}
            {{ context.customer.salutation.translated.displayName }}
        {% endif %}
        {% if context.customer.title %}
            {{ context.customer.title }}
        {% endif %}
        {{ context.customer.firstName }} {{ context.customer.lastName }}

{% endif %}

```

How to install the extension
----------------------------

[](#how-to-install-the-extension)

### via zip and console (recommended)

[](#via-zip-and-console-recommended)

1. Download the latest *SschreierHtmlCssJsTwigCodeElementForShoppingExperiences-master.zip*.
2. Unzip the zip file and rename the folder to *SschreierHtmlCssJsTwigCodeElementForShoppingExperiences*.
3. Move the folder to the project folder *custom/plugins/* .
4. Connect to the console via ssh:

```
bin/console plugin:refresh
bin/console plugin:install --activate SschreierHtmlCssJsTwigCodeElementForShoppingExperiences

```

### via composer

[](#via-composer)

1. Add the repository URL to the composer.json of the project

```
"repositories": [
    ...,
    {
        "type": "vcs",
        "url": "https://github.com/sschreier/SschreierHtmlCssJsTwigCodeElementForShoppingExperiences"
    }
],

```

2. Connect to the console via ssh and install the plugin via the command

```
composer require sschreier/sschreierhtmlcssjstwigcodeelementforshoppingexperiences
bin/console plugin:refresh
bin/console plugin:install --activate SschreierHtmlCssJsTwigCodeElementForShoppingExperiences

```

### via

[](#via-httpspackagistorg)

- Connect to the console via ssh and install the plugin via the command

```
composer require sschreier/sschreierhtmlcssjstwigcodeelementforshoppingexperiences
bin/console plugin:refresh
bin/console plugin:install --activate SschreierHtmlCssJsTwigCodeElementForShoppingExperiences

```

### via zip upload

[](#via-zip-upload)

1. Download the latest *SschreierHtmlCssJsTwigCodeElementForShoppingExperiences-master.zip*.
2. Unzip the zip file and rename the folder to *SschreierHtmlCssJsTwigCodeElementForShoppingExperiences*.
3. Zip the folder to *SschreierHtmlCssJsTwigCodeElementForShoppingExperiences.zip*.
4. Upload the zip in the Shopware Administration.
5. Install & Activate the extension.

#### extension update (zip)

[](#extension-update-zip)

1. Download the latest *SschreierHtmlCssJsTwigCodeElementForShoppingExperiences-master.zip*.
2. Unzip the zip file and rename the folder to *SschreierHtmlCssJsTwigCodeElementForShoppingExperiences*.
3. Zip the folder to *SschreierHtmlCssJsTwigCodeElementForShoppingExperiences.zip*.
4. Upload the zip in the Shopware Administration.
5. Update the extension.

Images
------

[](#images)

### additional cms blocks and cms element part 1

[](#additional-cms-blocks-and-cms-element-part-1)

[![additional cms blocks and cms element part 1](https://camo.githubusercontent.com/748f5e4d729b8100941646ee626a2bacdb5d9981f95addb3f639c02dffc37f8c/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765312e6a7067)](https://camo.githubusercontent.com/748f5e4d729b8100941646ee626a2bacdb5d9981f95addb3f639c02dffc37f8c/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765312e6a7067)

### additional cms blocks and cms element part 2

[](#additional-cms-blocks-and-cms-element-part-2)

[![additional cms blocks and cms element part 2](https://camo.githubusercontent.com/65e401731ccb7dd28b5a04025d30a26afd7f4274071045914a71144dcfbb7832/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765322e6a7067)](https://camo.githubusercontent.com/65e401731ccb7dd28b5a04025d30a26afd7f4274071045914a71144dcfbb7832/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765322e6a7067)

### additional cms blocks and cms element part 3

[](#additional-cms-blocks-and-cms-element-part-3)

[![additional cms blocks and cms element part 3](https://camo.githubusercontent.com/5bf859986ab1ed844e4aaec096d2900b2378ef1f8ed39fabc64193f0bcea13bf/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765332e6a7067)](https://camo.githubusercontent.com/5bf859986ab1ed844e4aaec096d2900b2378ef1f8ed39fabc64193f0bcea13bf/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765332e6a7067)

### additional cms blocks and cms element part 4

[](#additional-cms-blocks-and-cms-element-part-4)

[![additional cms blocks and cms element part 4](https://camo.githubusercontent.com/f46740827e1d3c434c5d0b8f14fb10c81ff71d24be55c3e3a13837fecef34b6a/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765342e6a7067)](https://camo.githubusercontent.com/f46740827e1d3c434c5d0b8f14fb10c81ff71d24be55c3e3a13837fecef34b6a/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765342e6a7067)

### additional cms blocks and cms element part 5

[](#additional-cms-blocks-and-cms-element-part-5)

[![additional cms blocks and cms element part 5](https://camo.githubusercontent.com/45ba4809a935dd79f0bd45ce9642a0f26eaf72d360dca396008ede951a20ab28/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765352e6a7067)](https://camo.githubusercontent.com/45ba4809a935dd79f0bd45ce9642a0f26eaf72d360dca396008ede951a20ab28/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765352e6a7067)

### additional cms blocks and cms element part 6

[](#additional-cms-blocks-and-cms-element-part-6)

[![additional cms blocks and cms element part 6](https://camo.githubusercontent.com/a07a71e37173e78f898ef82bb158ee1f952956c2314ef402f158ece8f8b37a49/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765362e6a7067)](https://camo.githubusercontent.com/a07a71e37173e78f898ef82bb158ee1f952956c2314ef402f158ece8f8b37a49/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765362e6a7067)

### additional cms blocks and cms element part 7

[](#additional-cms-blocks-and-cms-element-part-7)

[![additional cms blocks and cms element part 7](https://camo.githubusercontent.com/5ba5fd1f905bec7a512caacc60ceb1ce931cae8d54e19fa31d6305de7edf5513/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765372e6a7067)](https://camo.githubusercontent.com/5ba5fd1f905bec7a512caacc60ceb1ce931cae8d54e19fa31d6305de7edf5513/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732f53736368726569657248746d6c4373734a7354776967436f6465456c656d656e74466f7253686f7070696e67457870657269656e6365732d496d616765372e6a7067)

###  Health Score

31

—

LowBetter than 66% of packages

Maintenance59

Moderate activity, may be stable

Popularity10

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~72 days

Total

4

Last Release

264d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/20040508?v=4)[Sebastian Schreier](/maintainers/sschreier)[@sschreier](https://github.com/sschreier)

---

Tags

cmscms-elementelementshopware-platform-pluginshopware-pluginshopware6shopware6-plugin

### Embed Badge

![Health badge](/badges/sschreier-sschreierhtmlcssjstwigcodeelementforshoppingexperiences/health.svg)

```
[![Health](https://phpackages.com/badges/sschreier-sschreierhtmlcssjstwigcodeelementforshoppingexperiences/health.svg)](https://phpackages.com/packages/sschreier-sschreierhtmlcssjstwigcodeelementforshoppingexperiences)
```

###  Alternatives

[shopware/production

177209.0k](/packages/shopware-production)[adyen/adyen-shopware6

Official Shopware 6 Plugin to connect to Payment Service Provider Adyen

25117.9k](/packages/adyen-adyen-shopware6)[kiener/mollie-payments-plugin

Mollie Payments

6565.2k](/packages/kiener-mollie-payments-plugin)[shopware/storefront

Storefront for Shopware

684.6M231](/packages/shopware-storefront)[frosh/tools

Provides some basic things for managing the Shopware Installation

87820.7k3](/packages/frosh-tools)[unzerdev/shopware6

Unzer payment integration for Shopware 6

1233.3k](/packages/unzerdev-shopware6)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)