Images can currently only be inserted into text fields of CMS elements with a little "trick". We explain how this works in these instructions.
Open the administration of your shop
Media Manager
Switch to the Media Manager via the main navigation ("Content" => "Shopping Experiences")
Browse for the desired image
Now copy the path to the image to the clipboard by clicking on "Copy Link" (1, 2)
HTML code
To insert the image as an HTML element in a text field, you must insert the path in a corresponding HTML code
Use the following example for this: <img src="..." alt="...">
Shopping Experience Management
Switch to Shopping Experience Management via the main navigation ("Content" => "Shopping Experiences")
Open the desired CMS layout
Click on the
You have now inserted an image into a text field.
You can find more information about inserting HTML code and the Shopware 6 HTML Sanitizer in the following article:
Replace the ellipsis in the src tag with the image path
Replace the ellipsis in the tag alt with a short description of the image
The pop-up "Element settings" will open
Click on the "code" icon to switch to HTML mode (3)
Insert the HTML code created above at the desired position
Wait a moment until the HTML Sanitizer of Shopware 6 has checked the code
Save your changes
<img src="..." alt="...">
Shopping Experiences in Shopware 6: create and centrally manage landing pages, shop pages and category layouts with drag & drop.
In the Shopping Experiences you can create and centrally manage content pages such as landing pages, shop pages and category layouts.
Please find more information regarding "Shopping Experiences" in the official Shopware documentation:
ThemeWare® tip: ThemeWare® extends the Shopping Experiences with numerous additional CMS blocks and CMS elements – from teasers, banners and hero sliders to sale elements – including a variety of animations and hover effects for lively content pages.
