CMS Elements Pro – Professional CMS Extension for Shopware 6
Description
Highlights
- 22 blocks, 6 elements, zero code: You create landing pages and content areas entirely within the admin panel – no programming knowledge required, with maximum design freedom.
- Extended text with image background: You use the only text element with an optional image background, gradients, and overlay – ideal for hero sections and call-to-action boxes.
- Pinterest-style Masonry gallery: You get a modern image gallery with responsive columns, aspect ratios, and an optional lightbox – perfect for lookbooks and product galleries.
- Data cleanup on uninstallation: Upon uninstallation, the plugin cleanly removes all mcep data from the database – no residue, no manual cleanup required.
- Ready to use immediately: After activation, all blocks and elements are available in your shopping experiences – no additional configuration is necessary.
Features
- Data Mapping: You use static content or dynamic data from products, categories, and other entities – many elements support inline mapping for your personalized content.
- Individual Colors & Gradients: You configure background colors, gradients (linear/radial), and text and heading colors for each element to ensure a consistent brand design.
- Responsive & Performance: Your pages are mobile-first, with breakpoint-driven layouts and optimized assets – they load quickly and are usable on all devices.
- Theme-Compatible & Extensible: You can use the plugin with any standard or custom theme – no core modifications required, 100% plugin-based, and compatible with Shopware updates.
- Professional Design Control: You have precise control over padding, border radius, gutter, and vertical alignment for each element and block – without needing your own CSS.
About the Extension
22 CMS Blocks for Maximum Flexibility
Column Blocks (18 Variants)
1-Column Layout:
- 100% Width – Perfect for hero areas, banners, or full-width content
2-Column Layouts (9 Variants):
- 50/50 – Classic half-split
- 60/40 and 40/60 – Asymmetric splits
- 66/33 and 33/66 – Two-thirds/One-third layouts
- 75/25 and 25/75 – Three-quarters/One-quarter layouts
- 80/20 and 20/80 – Extreme asymmetry for sidebars or highlights
3-Column Layouts (8 Variants):
- 33/33/33 – Even thirds
- 20/60/20 – Central main column with narrow side columns
- 20/20/60 – Two narrow columns on the left, wide main column on the right
- 25/50/25 – Balanced three-column layouts
- 25/25/50 – Two even columns on the left, wide main column on the right
- 50/25/25 – Wide main column on the left, two narrow columns on the right
- 60/20/20 – Very wide main column on the left, two narrow columns on the right
- 15/70/15 – Wide main column with narrow sidebars
4-Column Layout:
- 25/25/25/25 – Perfect quarters for product grids or feature lists
Special Layout Blocks (4 Variants)
Layout 1 & Layout 1 Reverse:
- Image 50% / Text 25% / Text 12.5% / Text 12.5%
- Perfect for product presentations with a main image and multiple text areas
- Reverse variant for alternating image-text arrangements
Layout 2 & Layout 2 Reverse:
- Image 66% / Text 17% / Text 17%
- Ideal for large hero images with flanking text areas
- Reverse variant for flexible image-text combinations
All Layout Blocks:
- Support images with automatic cover display
- Flexible slot assignment with all CMS elements
- Integrated gutter system for precise spacing
6 Professional CMS Elements
1. Extended Text Element – The All-Rounder
An advanced text element with extensive design options:
- Rich Text Editor: Full WYSIWYG editor with formatting options and inline data mapping.
- Background Design: Solid colors or gradient backgrounds (up to 3 colors, 0°-180° angle).
- Typography: Individual colors for headings (h1-h6), body text, and links.
- Layout: Vertical alignment, individual padding, and border-radius per corner.
Ideal for: Hero sections, feature boxes, and high-quality product descriptions.
2. Accordion – Collapsible Content
Perfect for FAQs, product details, or compact information display:
- Functionality: Unlimited items, drag & drop, "first open" option, and single-item toggle.
- Design: Individual colors for states (normal/active), backgrounds, and text.
- Rich Text Content: Supports full WYSIWYG and data mapping for every item.
3. Tabs – Modern Tab Navigation
- Functionality: Unlimited tabs, drag & drop reordering, smooth transitions.
- Design: Fully configurable colors, borders, and spacing for tab headers and content.
4. Gallery – Masonry/Pinterest-Style Image Gallery
- Layout: Automatic masonry arrangement, responsive columns (1-12) for Desktop/Tablet/Mobile.
- Formats: Supports original, square, landscape, and portrait ratios.
- Media Management: Direct integration with the Shopware Media Manager.
5. Scrolling Text – Infinite Marquee
- Animation: Speed 1-200 px/s, seamless loop via performance-optimized CSS.
- Typography & Design: Full control over font size, letter spacing, colors, and gradients.
6. Empty Element – Placeholder for Flexible Structures
An intelligent placeholder for content structuring that does not render in the storefront.
22 CMS Blocks for Maximum Flexibility
Column Blocks (18 Variants)
1-Column Layout:
- 100% Width – Perfect for hero areas, banners, or full-width content
2-Column Layouts (9 Variants):
- 50/50 – Classic half-split
- 60/40 and 40/60 – Asymmetric splits
- 66/33 and 33/66 – Two-thirds/One-third layouts
- 75/25 and 25/75 – Three-quarters/One-quarter layouts
- 80/20 and 20/80 – Extreme asymmetry for sidebars or highlights
3-Column Layouts (8 Variants):
- 33/33/33 – Even thirds
- 20/60/20 – Central main column with narrow side columns
- 20/20/60 – Two narrow columns on the left, wide main column on the right
- 25/50/25 – Balanced three-column layouts
- 25/25/50 – Two even columns on the left, wide main column on the right
- 50/25/25 – Wide main column on the left, two narrow columns on the right
- 60/20/20 – Very wide main column on the left, two narrow columns on the right
- 15/70/15 – Wide main column with narrow sidebars
4-Column Layout:
- 25/25/25/25 – Perfect quarters for product grids or feature lists
Special Layout Blocks (4 Variants)
Layout 1 & Layout 1 Reverse:
- Image 50% / Text 25% / Text 12.5% / Text 12.5%
- Perfect for product presentations with a main image and multiple text areas
- Reverse variant for alternating image-text arrangements
Layout 2 & Layout 2 Reverse:
- Image 66% / Text 17% / Text 17%
- Ideal for large hero images with flanking text areas
- Reverse variant for flexible image-text combinations
All Layout Blocks:
- Support images with automatic cover display
- Flexible slot assignment with all CMS elements
- Integrated gutter system for precise spacing
6 Professional CMS Elements
1. Extended Text Element – The All-Rounder
An advanced text element with extensive design options:
- Rich Text Editor: Full WYSIWYG editor with formatting options and inline data mapping.
- Background Design: Solid colors or gradient backgrounds (up to 3 colors, 0°-180° angle).
- Typography: Individual colors for headings (h1-h6), body text, and links.
- Layout: Vertical alignment, individual padding, and border-radius per corner.
Ideal for: Hero sections, feature boxes, and high-quality product descriptions.
2. Accordion – Collapsible Content
Perfect for FAQs, product details, or compact information display:
- Functionality: Unlimited items, drag & drop, "first open" option, and single-item toggle.
- Design: Individual colors for states (normal/active), backgrounds, and text.
- Rich Text Content: Supports full WYSIWYG and data mapping for every item.
3. Tabs – Modern Tab Navigation
- Functionality: Unlimited tabs, drag & drop reordering, smooth transitions.
- Design: Fully configurable colors, borders, and spacing for tab headers and content.
4. Gallery – Masonry/Pinterest-Style Image Gallery
- Layout: Automatic masonry arrangement, responsive columns (1-12) for Desktop/Tablet/Mobile.
- Formats: Supports original, square, landscape, and portrait ratios.
- Media Management: Direct integration with the Shopware Media Manager.
5. Scrolling Text – Infinite Marquee
- Animation: Speed 1-200 px/s, seamless loop via performance-optimized CSS.
- Typography & Design: Full control over font size, letter spacing, colors, and gradients.
6. Empty Element – Placeholder for Flexible Structures
An intelligent placeholder for content structuring that does not render in the storefront.
Details
- Available: English, German
- Latest update: 1 October 2026
- Publication date: 17 February 2026
- Version: 1.0.7
- Category: Shopping Experiences
Resources
Reviews (1)
Average rating of 5 out of 5 stars
Schöne Elemente
Average rating of 5 out of 5 stars
About the Extension Partner
muto.at
Partner Status
-
Shopware
Extension Partner
Details
-
Ø-Rating:
5
Average rating of 5 out of 5 stars
- Partner since: 2017
- Extensions: 13
Support
- Based in: Austria
- Speaks: German, English
- Response time: Very quickly
- Frontend:
- Go to demo
Instructions for setting up at https://muto.at/cms-elements-pro
1.0.7 6.7.0.0 - 6.7.15.0
- Image slider canvas shows the text on the image while editing, including position, colours, width and corner radius. In the smartphone view the text sits under the image.
- Image slider text with a background colour uses 1.5 rem padding. On phones the padding stays 1 rem.
- Tabs use the element border, background and text colours, including on the active tab and on hover or focus.
- On phones, an active tab that is not the last one has a single line under it. The line is the top border of the next tab.
- The chosen column spacing is visible on that block in the shopping experience editor. Default keeps the 40 px grid gap.
1.0.6 6.7.0.0 - 6.7.15.0
- New CMS block Image slider under MCEP Elements Block. It places the element at full width.
- New CMS element Image slider: several images, each with its own text.
- Per slide: link over image and text, text position, background colour and mobile background colour, headline colour and text colour. Empty colour fields keep the theme colours.
- Per slide also corner radius and text width for desktop and tablet.
- Transition fade or slide applies to this slider. On smartphones the text sits below the image, at full width and without corner radius.
- Per slide an optional image for smartphones. Without a selection the main image is also used on mobile.
1.0.5 6.7.0.0 - 6.7.15.0
- Gallery lightbox is scoped per element so next/previous stay inside that gallery; labels are translated and keyboard focus stays on close.
- Accordion FAQ JSON LD now strips HTML from questions and answers.
- Scrolling text recalculates on container resize, stops retrying hidden containers, respects reduced motion, and hides cloned items from assistive tech.
- Gallery masonry runs only for the original aspect ratio; thumbnails use column-based sizes and lazy loading.
- Accordion headers are buttons with ARIA attributes instead of hash links.
- Image button storefront output prefers resolved element.data for URL, aria-label and new-tab.
- Uninstall without keep-user-data deletes versioned mcep slots and blocks and logs leftover restrict violations.
- Moved per-element inline CSS into shared SCSS rules driven by CSS custom properties.
- Unified CMS resolver config mapping and storefront templates now prefer resolved element.data with config fallback.
- Shared admin helpers for font-weight and radius units; column blocks reuse one storefront include and device-view mixin.
- Added PHPUnit coverage for accordion, gallery and image-button resolvers.
- Gallery masonry keeps a CSS-grid fallback until JavaScript positions items, so tiles no longer load at full width.
- Gallery tiles use a thumbnail as src instead of the original file, and reserve space via width/height and natural aspect ratio.
- Lightbox keeps keyboard focus inside the dialog when tabbing.
- Admin column grid SCSS shares one mixin; layout blocks reuse a slot include.
- Gallery images in the Administration can be reordered by drag and drop again, even with many photos.
- Block layout settings include a column-spacing select that updates only the mcep-gutter-* class and leaves other CSS classes unchanged.
1.0.4 6.7.0.0 - 6.7.15.0
- Fix: keep other plugins' CMS block category labels in the shopping experience sidebar (override uses `$super`).
1.0.3 6.7.0.0 - 6.7.15.0
- Accordion CMS element (`mcep-accordion`): optional Schema.org FAQ rich snippets (JSON-LD `FAQPage`) in the storefront. Disabled by default in the element settings; existing layouts remain unchanged.
1.0.2 6.7.0.0 - 6.7.15.0
1.0.1 6.7.0.0 - 6.7.15.0
- New CMS element: Image Button
- The CMS Gallery element now has its own optional lightbox and a stylish hover effect for the images
- Enhanced functionality for the CMS element Scrolling Text (HTML allowed, scrolling stops on mouseover)
- Enhanced functionality for the CMS element "Extended Text Element" (now also possible with an image background)
- Data cleanup on plugin uninstallation: All mcep CMS blocks and slots are automatically removed when keepUserData() is disabled
- Bug fixes and many additional improvements and optimizations