CMS Elements
CMS elements are the actual content inside a block's slots (images, text, video, sliders, etc.). Guppy adds specialised elements on top of Shopware's defaults.
Where to find CMS elements
Inside any CMS block: click Pick element per slot.
Element sources in a Guppy setup
| Source | Content |
|---|---|
| Shopware default | Image, Text, Video, Product, Product Listing, Banner, etc. |
| DmfGuppyEmotionworldElements | 13 specialised elements (accordion, banner, slider, galleries, …) |
| DmfCmsCustomElements | Custom elements via generator |
DmfGuppyEmotionworldElements (overview)
13 production-ready elements, all responsive and accessible:
| Element | Typical use case |
|---|---|
| Accordion | FAQ, structured content |
| Banner | Hero, call-to-action |
| Category Card | Category preview |
| Category Slider | Category carousel |
| Guppy Card | Content cards, teasers |
| Image-Text Slider | Multi-part slider with image-text combinations |
| Product Details Accordion | Structured product properties |
| Slides | Universal slider (hero) |
| Cross-Selling | Product recommendations |
| Image Gallery | Gallery with "show more" |
| Product Slider | Product carousel |
| Video | Video playback |
| Product Highlights | Product image with clickable hotspots |
Full configuration per element: DmfGuppyEmotionworldElements.
Preview in the editor
As of DmfGuppyEmotionworldElements 2.3.0 the element preview in the editor shows the real element instead of a placeholder graphic, rendered from your configuration. The smartphone, tablet and desktop switch affects the preview too: per-viewport settings such as heights or the number of slides can be checked right in the editor.
Generate your own elements
Via DmfCmsCustomElements and the /create-element slash command, you can generate your own elements, three patterns:
| Pattern | Use case |
|---|---|
simple | Single item with media, text, toggles |
array | Multiple items with add/remove/sort |
slider | Splide carousel |
Detail: DmfCmsCustomElements.
Markdown instead of HTML
The DmfMarkdownEditor plugin replaces the WYSIWYG editor for CMS text elements, product, category, and manufacturer descriptions, plus custom HTML fields, cleaner output, less maintenance.