CleanCode Shopping Experiences Element HTML, TWIG, CSS & JS + SEO & AI

About the Extension

Full Creative Freedom for Your Shopware Shopping Experiences

GreatCmsTwig gives you a free HTML/CSS/JS CMS element for Shopware 6 Shopping Experiences. Unlike the native text element which sanitizes everything, GreatCmsTwig renders your HTML, CSS and JavaScript exactly as written — no restrictions, no surprises.

What makes GreatCmsTwig unique: every time you edit your HTML, a built-in 4-category live analyzer instantly checks your code against WCAG 2.2 AA, SEO best practices, Core Web Vitals and AI crawler optimization — and shows actionable feedback right in the Admin panel.

Why GreatCmsTwig?

No sanitization — HTML, CSS and JavaScript rendered exactly as entered. 33 live checks across Accessibility, SEO, Performance and AI Optimization. WCAG 2.2 AA compliance checks. AI Optimization for GPTBot, ClaudeBot and Perplexity crawlers. Safe JavaScript wrapped in IIFE + try/catch. Optional Twig compiler for Shopware variables. Bilingual Admin UI in English and German.

Built-in Live Analyzer — 4 Categories, 33 Checks

No other Shopware plugin includes this. The analyzer runs instantly as you type and reports issues grouped by category.

Accessibility (WCAG 2.2 AA) — 16 checks

Images without alt attribute. Alt texts longer than 125 characters. SVG without aria-label or aria-hidden. Input fields without aria-label. Tables without th headers. Missing semantic HTML5 elements. user-scalable=no (prevents zoom). div/span with onclick instead of button. onclick without keyboard equivalent. tabindex greater than 0. Empty links and vague link texts. without . Buttons without text. iframes without title. Duplicate ID attributes.

SEO — 6 checks

Multiple h1 tags. Skipped heading hierarchy. Images without alt text (Google cannot index). Script tags without defer/async. noindex and nofollow detected.

Performance — 4 checks

Base64 images. Images without width/height causing layout shift. Images without loading="lazy". Excessive inline CSS.

AI Optimization — 5 checks

Alt texts are filenames (e.g. image1.jpg). Alt texts too generic (image, photo, logo). No readable text content — AI cannot extract meaning from images or iframes alone. iframe without noscript fallback. Too many inline event handlers.

Technical Details

Shopware compatibility: 6.5, 6.6, 6.7. Self-hosted only — Shopware Cloud does not allow raw HTML rendering. StringLoaderExtension included for optional Twig compilation. No external dependencies — all analysis runs client-side in the browser. JavaScript wrapped in IIFE + try/catch for crash-safe execution.