To be able to use the full range of Shopware 6, we recommend activating Javascript in your browser.

[data-zen-scroll-cms-animation] .zen-animate, [data-zen-scroll-listing-animation] .zen-animate-listing { visibility: visible; }

Code element

For Shopware self-hosted

With this element you can display HTML/TWIG, CSS and Javascript code in the world of experience.

Output

The output of the code element in the storefront. Take a look at the console. There you will see a short Javascript comment.

Welcome to Theme Demo - Zenit Design

Support and counselling via: 0180 - 000000 Mon-Fri, 9 am - 5 pm
We look forward to hearing from you.

Preview

Code preview in the editor of the shopping experiences.

demo-cms-code-element-preview