Which Craft CMS and PHP versions does FlexExt EAA & WCAG 2.2 Guard support?

It natively supports Craft CMS 4.5+ and all Craft CMS 5.x releases on PHP 8.1, 8.2, 8.3, and 8.4.

Does this plugin help meet European Accessibility Act (EAA 2025) and German BFSG requirements?

Yes. It specifically targets EN 301 549 and WCAG 2.2 Level AA editorial and document requirements enforced under EU Directive 2019/882 (EAA) and Germany BFSG.

How is FlexExt EAA Guard different from accessibility overlay widgets?

Overlay widgets only inject front-end CSS tweaks without fixing broken DOM semantics or inaccessible PDFs. FlexExt EAA Guard audits and repairs actual Entry HTML fields in the database, scans uploaded PDF binaries, and enforces editorial quality before publication.

How does the binary PDF/UA and OCR scanner work without external servers?

A pure-PHP binary stream parser inspects PDF headers, object dictionaries, and compressed streams locally on your server to verify /StructTreeRoot tags, extractable text operators (BT/ET, Tj/TJ), /Title metadata, and /Lang attributes — zero files ever leave your server.

Can editors still save unpublished drafts when Strict Pre-Save Gatekeeper is enabled?

Yes. Drafts, revisions, and disabled Entries are always allowed to save freely; the gatekeeper only blocks publishing enabled live Entries that contain unresolved critical WCAG violations.

What does the 1-Click Auto-Fix button modify in an Entry?

It safely adds descriptive fallback alt text derived from image filenames where alt is missing, normalizes skipped heading jumps (for example H1 followed by H4 becomes H2), and adds contextual aria-label attributes to ambiguous links.

Which Craft field types are scanned during Entry audits?

The auditor inspects custom textual and HTML fields (including CKEditor and Redactor rich-text fields) attached to your Craft Entries.

How does the /accessibility-statement route work?

When enabled, the plugin serves a clean, semantic HTML Accessibility Statement at /accessibility-statement populated with your organization name, contact email, phone, response SLA, and live compliance status.

Can I embed the Accessibility Statement inside my own Twig layout instead?

Yes. You can call craft.flexextEaaGuard.statementHtml() inside any Craft Twig template to render the statement inside your custom site header and footer.

Is the front-end Accessibility Badge & Reader Utility optional?

Yes. You can enable or disable the storefront reader badge at any time with a single toggle in Control Panel Settings.

Does the storefront reader widget respect dark mode and keyboard navigation?

Yes. It supports full keyboard focus management, Escape-to-close, ARIA dialog semantics, prefers-reduced-motion, and high-contrast light/dark color tokens.

Are audit results stored in the Craft database?

Yes. Entry audit summaries are stored in flexext_eaaguard_audits and PDF binary scan results are stored in flexext_eaaguard_pdf_audits for instant compliance reporting in the Control Panel.

Is the plugin compatible with Craft 5 Project Config (project.yaml)?

Yes. All configuration options use native Craft Settings models and sync cleanly across environments via project.yaml.

Does it slow down front-end page loads?

No. Entry HTML and PDF binary scanning run exclusively in the Control Panel on save or manual bulk scan — never during visitor page requests.

Does the Control Panel dashboard pass WCAG AA contrast in both Light and Dark mode?

Yes. Every badge, card, table, and form control in the CP dashboard is statically verified above 4.5:1 contrast in both Craft Light and Dark themes.

What license is included with purchase?

Each purchase includes a commercial production site license (plus local and staging environments) with 100% unencrypted PHP source code.

FlexExt EAA & WCAG 2.2 Accessibility Guard Pro for Craft CMS 4 & 5

Name: FlexExt EAA & WCAG 2.2 Accessibility Guard Pro for Craft CMS 4 & 5
Brand: FlexExt
SKU: FLX-CRAFT-EAAGUARD-PRO
Price: 59.00 USD
Availability: InStock
Rating: 5.0 (1 reviews)

Product Code: FLX-CRAFT-EAAGUARD-PRO • Version: v1.0.1 • Availability: In Stock

Craft CMS 5.x (Latest) Craft CMS 4.x Craft Commerce Ready PHP 8.0.2 - 8.4

$79.00

$59.00

Best Price & Quality Guarantee

Live Craft CMS 5 Sandbox Demo

Craft CMS 5.x Front Control Panel

European Accessibility Act (EAA / BFSG / EN 301 549) & WCAG 2.2 AA Compliance Suite for Craft CMS 4 & 5

FlexExt EAA & WCAG 2.2 Accessibility Guard Pro (flexext/flexext-eaa-guard) protects Craft CMS 4.5+ and Craft CMS 5.x websites, agencies, and public-sector portals against real accessibility regressions — combining a real-time Entry WCAG 2.2 auditor, optional pre-save publication gatekeeper, binary PDF/UA structural & OCR scanner, 1-click HTML remediation engine, and automated EU Accessibility Statement generator.

Built for Real Engineering Compliance — Not Cosmetic Overlay Widgets

Under the European Accessibility Act (Directive EU 2019/882), German BFSG, and EN 301 549 (WCAG 2.2 Level AA), superficial JavaScript overlay toolbars do not make underlying DOM markup or downloadable PDFs compliant. Content editors routinely publish Entries with missing image alt attributes, skipped heading levels (H1 → H4), ambiguous links, headerless tables, and scanned image-only PDFs. FlexExt EAA Guard catches and fixes these violations directly inside Craft CMS.

Core Capabilities & Architecture

Automated Craft Entry WCAG 2.2 AA Auditor: Hooks Entry::EVENT_AFTER_SAVE (plus bulk full-site CP scanning) to inspect custom CKEditor, Redactor, and text fields for missing alt attributes, broken heading hierarchy, empty or ambiguous links ("click here", "read more"), untitled </code> embeds, and <code><table></code> elements without <code><th></code> headers.</li> <li><strong>Strict Pre-Save Editorial Gatekeeper (Optional):</strong> When enabled, hooks <code>Entry::EVENT_BEFORE_SAVE</code> to prevent publishing live Entries that contain critical WCAG 2.2 Level A/AA errors, displaying clear validation feedback to editors while allowing drafts.</li> <li><strong>Binary PDF/UA & OCR Asset Scanner:</strong> Hooks <code>Asset::EVENT_AFTER_SAVE</code> and scans binary PDF streams for <code>/StructTreeRoot</code> / <code>/MarkInfo</code> accessibility tags, extractable OCR text operators (<code>BT/ET</code>, <code>Tj/TJ</code>) vs. raw image scans, document <code>/Title</code> metadata, and primary <code>/Lang</code> declarations.</li> <li><strong>1-Click Safe HTML Auto-Fix Engine:</strong> Automatically synthesizes descriptive fallback <code>alt</code> text from asset filenames, repairs skipped heading levels sequentially, and upgrades ambiguous link labels with contextual <code>aria-label</code> attributes.</li> <li><strong>Dynamic EU / EAA <code>/accessibility-statement</code> Route:</strong> Publishes a live, WCAG AA compliant Accessibility Statement page pre-filled with your organization's conformance status, EN 301 549 scope, feedback contact channels, and latest audit timestamp.</li> <li><strong>Accessible Storefront Reader Utility:</strong> Optional keyboard-navigable compliance badge & reader utility (text scaling, high-contrast surface toggle, link underlining, motion pause) built to strict WCAG AA Light/Dark contrast standards.</li> </ul></div> </div> <div id="tab-custom-1" class="tab-pane fade"> <div class="p-3 bg-light rounded" style="line-height: 1.7;"><h4>Interactive Craft CMS 5 Live Demo</h4> <ul> <li><strong>Storefront Portal (with Accessible Reader Badge):</strong> <a href="https://demo.flexext.dev/craft/" target="_blank" rel="noopener">https://demo.flexext.dev/craft/</a></li> <li><strong>Live EU / EAA Accessibility Statement:</strong> <a href="https://demo.flexext.dev/craft/accessibility-statement" target="_blank" rel="noopener">https://demo.flexext.dev/craft/accessibility-statement</a></li> <li><strong>Craft CMS 5 Control Panel (EAA Guard Dashboard & PDF Audits):</strong> <a href="https://demo.flexext.dev/craft/admin" target="_blank" rel="noopener">https://demo.flexext.dev/craft/admin</a> (Demo User: <code>demo</code> / Password: <code>FlexExtDemo2026!</code>)</li> </ul></div> </div> <div id="tab-custom-2" class="tab-pane fade"> <div class="p-3 bg-light rounded" style="line-height: 1.7;"><div class="p-2"><div class="border-start border-3 border-primary ps-3 mb-3"><h6 class="fw-bold mb-1">Version 1.0.1 <span class="badge bg-success ms-2">Latest Release</span></h6><ul class="small mb-0"><li>Synchronized Craft Control Panel Light & Dark theme variables (<code>body.dark</code> / <code>body.system</code>) with full WCAG 2.2 AA contrast.</li><li>Refined public EAA Accessibility Statement contrast tokens and responsive typography.</li><li>Added masked readonly demo license display and hardened Control Panel sandbox guards.</li></ul></div><div class="border-start border-3 border-secondary ps-3"><h6 class="fw-bold mb-1">Version 1.0.0</h6><ul class="small mb-0"><li>Initial commercial release for Craft CMS 4.5+ and Craft CMS 5.x (PHP 8.1 – 8.4).</li></ul></div></div></div> </div> <div id="tab-product-faq" class="tab-pane fade"> <div class="accordion" id="product-faq-accordion"> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-1"> <button class="accordion-button fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-1" aria-expanded="true"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Which Craft CMS and PHP versions does FlexExt EAA & WCAG 2.2 Guard support? </button> </h2> <div id="collapse-faq-1" class="accordion-collapse collapse show" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">It natively supports Craft CMS 4.5+ and all Craft CMS 5.x releases on PHP 8.1, 8.2, 8.3, and 8.4.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-2"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-2" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Does this plugin help meet European Accessibility Act (EAA 2025) and German BFSG requirements? </button> </h2> <div id="collapse-faq-2" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">Yes. It specifically targets EN 301 549 and WCAG 2.2 Level AA editorial and document requirements enforced under EU Directive 2019/882 (EAA) and Germany BFSG.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-3"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-3" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> How is FlexExt EAA Guard different from accessibility overlay widgets? </button> </h2> <div id="collapse-faq-3" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">Overlay widgets only inject front-end CSS tweaks without fixing broken DOM semantics or inaccessible PDFs. FlexExt EAA Guard audits and repairs actual Entry HTML fields in the database, scans uploaded PDF binaries, and enforces editorial quality before publication.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-4"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-4" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> How does the binary PDF/UA and OCR scanner work without external servers? </button> </h2> <div id="collapse-faq-4" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">A pure-PHP binary stream parser inspects PDF headers, object dictionaries, and compressed streams locally on your server to verify /StructTreeRoot tags, extractable text operators (BT/ET, Tj/TJ), /Title metadata, and /Lang attributes — zero files ever leave your server.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-5"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-5" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Can editors still save unpublished drafts when Strict Pre-Save Gatekeeper is enabled? </button> </h2> <div id="collapse-faq-5" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">Yes. Drafts, revisions, and disabled Entries are always allowed to save freely; the gatekeeper only blocks publishing enabled live Entries that contain unresolved critical WCAG violations.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-6"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-6" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> What does the 1-Click Auto-Fix button modify in an Entry? </button> </h2> <div id="collapse-faq-6" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">It safely adds descriptive fallback alt text derived from image filenames where alt is missing, normalizes skipped heading jumps (for example H1 followed by H4 becomes H2), and adds contextual aria-label attributes to ambiguous links.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-7"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-7" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Which Craft field types are scanned during Entry audits? </button> </h2> <div id="collapse-faq-7" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">The auditor inspects custom textual and HTML fields (including CKEditor and Redactor rich-text fields) attached to your Craft Entries.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-8"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-8" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> How does the /accessibility-statement route work? </button> </h2> <div id="collapse-faq-8" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">When enabled, the plugin serves a clean, semantic HTML Accessibility Statement at /accessibility-statement populated with your organization name, contact email, phone, response SLA, and live compliance status.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-9"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-9" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Can I embed the Accessibility Statement inside my own Twig layout instead? </button> </h2> <div id="collapse-faq-9" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">Yes. You can call craft.flexextEaaGuard.statementHtml() inside any Craft Twig template to render the statement inside your custom site header and footer.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-10"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-10" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Is the front-end Accessibility Badge & Reader Utility optional? </button> </h2> <div id="collapse-faq-10" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">Yes. You can enable or disable the storefront reader badge at any time with a single toggle in Control Panel Settings.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-11"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-11" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Does the storefront reader widget respect dark mode and keyboard navigation? </button> </h2> <div id="collapse-faq-11" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">Yes. It supports full keyboard focus management, Escape-to-close, ARIA dialog semantics, prefers-reduced-motion, and high-contrast light/dark color tokens.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-12"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-12" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Are audit results stored in the Craft database? </button> </h2> <div id="collapse-faq-12" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">Yes. Entry audit summaries are stored in flexext_eaaguard_audits and PDF binary scan results are stored in flexext_eaaguard_pdf_audits for instant compliance reporting in the Control Panel.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-13"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-13" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Is the plugin compatible with Craft 5 Project Config (project.yaml)? </button> </h2> <div id="collapse-faq-13" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">Yes. All configuration options use native Craft Settings models and sync cleanly across environments via project.yaml.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-14"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-14" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Does it slow down front-end page loads? </button> </h2> <div id="collapse-faq-14" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">No. Entry HTML and PDF binary scanning run exclusively in the Control Panel on save or manual bulk scan — never during visitor page requests.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-15"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-15" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> Does the Control Panel dashboard pass WCAG AA contrast in both Light and Dark mode? </button> </h2> <div id="collapse-faq-15" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">Yes. Every badge, card, table, and form control in the CP dashboard is statically verified above 4.5:1 contrast in both Craft Light and Dark themes.</div> </div> </div> <div class="accordion-item mb-2 border rounded overflow-hidden" style="border-left: 4px solid #0284c7 !important;"> <h2 class="accordion-header" id="heading-faq-16"> <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-faq-16" aria-expanded="false"> <i class="fa-solid fa-circle-question text-primary me-2"></i> What license is included with purchase? </button> </h2> <div id="collapse-faq-16" class="accordion-collapse collapse" data-bs-parent="#product-faq-accordion"> <div class="accordion-body bg-white" style="line-height: 1.6;">Each purchase includes a commercial production site license (plus local and staging environments) with 100% unencrypted PHP source code.</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-12 flx-builder-col"> <div class="flx-builder-block flx-block-related_products h-100"> </div> </div> </div> </div> </form> </div> </div> </div> <script type="text/javascript"></script> </main> <div class="service-bg"> </div> <footer aria-label="Footer Navigation"> <h2 class="visually-hidden">Footer Navigation & Support</h2> <div class="top-footer"> <div class="container main-footer"> <div class="row"> <div class="col-sm-12 col-md-8 col-lg-9 footer-block-2"> <div class="row"> <div class="col-sm-12 col-md-4"> <h3 class="h5">Information <button type="button" class="btn toggle collapsed" data-bs-toggle="collapse" data-bs-target="#info" aria-label="Information Toggle" aria-expanded="false"></button> </h3> <div id="info" class="collapse footer-collapse"> <ul class="list-unstyled footer-link"> <li><a href="https://flexext.dev/en-gb/all-blogs">Blog</a></li> <li><a href="https://flexext.dev/en-gb/information/terms">Terms & Conditions</a></li> <li><a href="https://flexext.dev/en-gb/information/delivery">Digital Delivery & Licensing</a></li> <li><a href="https://flexext.dev/en-gb/information/about-us">About FlexExt</a></li> <li><a href="https://flexext.dev/en-gb/information/privacy">Privacy & Cookie Policy</a></li> <li><a href="https://docs.flexext.store/" target="_blank" rel="noopener">Documentation</a></li> <li><a href="https://docs.flexext.store/changelog" target="_blank" rel="noopener">Changelog</a></li> <li><a href="https://aichecker.flexext.dev/" target="_blank" rel="noopener">Free AI Website Readiness Checker</a></li> <li><a href="https://flexext.store/" target="_blank" rel="noopener">FlexExt Store — Joomla E-Commerce</a></li> </ul> </div> </div> <div class="col-sm-12 col-md-4"> <h3 class="h5">My Account <button type="button" class="btn toggle collapsed" data-bs-toggle="collapse" data-bs-target="#account" aria-label="My Account Toggle" aria-expanded="false"></button> </h3> <div id="account" class="collapse footer-collapse"> <ul class="list-unstyled footer-link"> <li><a href="https://flexext.dev/en-gb?route=account/account">My Account</a></li> <li><a href="https://flexext.dev/en-gb?route=account/order">Order History</a></li> <li><a href="https://flexext.dev/en-gb?route=account/returns.add">Returns</a></li> <li><a href="https://flexext.dev/en-gb?route=information/gdpr">GDPR</a></li> <li><a href="https://flexext.dev/en-gb?route=account/wishlist">Wish List</a></li> <li><a href="https://flexext.dev/en-gb?route=account/newsletter">Newsletter</a></li> </ul> </div> </div> <div class="col-sm-12 col-md-4"> <h3 class="h5">Extras <button type="button" class="btn toggle collapsed" data-bs-toggle="collapse" data-bs-target="#extra" aria-label="Extras Toggle" aria-expanded="false"></button> </h3> <div id="extra" class="collapse footer-collapse"> <ul class="list-unstyled footer-link"> <li><a href="https://flexext.dev/en-gb/brands">Brands</a></li> <li><a href="https://flexext.dev/en-gb/contact">Contact Us</a></li> <li><a href="https://flexext.dev/en-gb?route=product/special">Specials</a></li> <li><a href="https://flexext.dev/en-gb?route=information/sitemap">Site Map</a></li> </ul> </div> </div> </div> </div> <div class="col-sm-12 col-md-4 col-lg-3 footer-block-3"> </div> </div> </div> </div> <div class="powerby"> <div class="container"> <div class="d-flex flex-column flex-lg-row align-items-center justify-content-between gap-3 py-2"> <div class="text-center text-lg-start"> <p class="mb-0"> © 2026. All rights reserved.</p> </div> <div class="d-flex flex-column align-items-center align-items-lg-end gap-1"> <div class="d-flex flex-wrap align-items-center justify-content-center gap-2"> <span class="flx-footer-pay-label small me-1"><i class="fa-solid fa-lock text-success me-1"></i>Secure Payments:</span> <div class="d-flex flex-wrap align-items-center justify-content-center gap-1 flx-pay-logos-grid" aria-label="Supported Payment Methods"> <span class="flx-pay-badge" data-flx-pay-tip="Visa — Credit & Debit Cards (3D Secure)" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/visa.svg?v=20261103" alt="Visa" title="Visa — Credit & Debit Cards" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="Mastercard — Credit & Debit Cards" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/mastercard.svg?v=20261103" alt="Mastercard" title="Mastercard — Credit & Debit Cards" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="Maestro — International Debit Cards" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/maestro.svg?v=20261103" alt="Maestro" title="Maestro — International Debit Cards" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="American Express (Amex) — Credit Cards" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/amex.svg?v=20261103" alt="American Express" title="American Express (Amex)" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="Discover & Diners Club — Credit Cards" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/discover.svg?v=20261103" alt="Discover" title="Discover & Diners Club" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="Apple Pay — 1-Click Express Mobile & Safari Wallet" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/applepay.svg?v=20261103" alt="Apple Pay" title="Apple Pay — 1-Click Express Wallet" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="Google Pay — 1-Click Express Android & Chrome Wallet" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/googlepay.svg?v=20261103" alt="Google Pay" title="Google Pay — 1-Click Express Wallet" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="BLIK — Instant 6-Digit Mobile Code (Poland)" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/blik.svg?v=20261103" alt="BLIK" title="BLIK — Instant 6-Digit Mobile Code" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="Przelewy24 (P24) — Instant Online Bank Transfers (Poland)" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/przelewy24.svg?v=20261103" alt="Przelewy24" title="Przelewy24 (P24) — Instant Bank Transfers" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="Revolut Pay — 1-Click Instant Payment via Revolut App" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/revolut.svg?v=20261103" alt="Revolut Pay" title="Revolut Pay — 1-Click Revolut App Payment" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="Klarna — Buy Now, Pay Later / Flexible Installments" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/klarna.svg?v=20261103" alt="Klarna" title="Klarna — Buy Now, Pay Later" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="iDEAL — Instant Online Banking (Netherlands)" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/ideal.svg?v=20261103" alt="iDEAL" title="iDEAL — Instant Online Banking (NL)" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="Bancontact — Instant Card & Mobile Banking (Belgium)" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/bancontact.svg?v=20261103" alt="Bancontact" title="Bancontact — Instant Payment (BE)" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="EPS — Instant Online Bank Transfer (Austria)" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/eps.svg?v=20261103" alt="EPS" title="EPS — Online Banking (AT)" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="SEPA / Bank Transfer — European Euro Bank Transfer" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/sepa.svg?v=20261103" alt="SEPA" title="SEPA — European Bank Transfer" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> <span class="flx-pay-badge" data-flx-pay-tip="Stripe Link — Instant 1-Click Saved Checkout" tabindex="0"> <img decoding="async" src="image/catalog/payment/official/link.svg?v=20261103" alt="Stripe Link" title="Stripe Link — 1-Click Checkout" width="38" height="25" class="flx-pay-svg" loading="lazy"/> </span> </div> </div> <div class="small" style="font-size: 11.5px; color: #cbd5e1;"> <i class="fa-regular fa-circle-question me-1" style="color: #38bdf8;"></i>Missing your preferred payment method? <a href="index.php?route=information/contact" class="fw-bold text-decoration-underline" style="color: #7dd3fc;">Contact us</a> — we will gladly help! </div> </div> </div> </div> </div> <style> .flx-footer-pay-label { color: #cbd5e1; font-weight: 600; letter-spacing: 0.01em; } .flx-pay-badge { position: relative; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; outline: none; } .flx-pay-svg { display: block; border-radius: 5px; border: 1px solid rgba(148, 163, 184, 0.45); background-color: #ffffff; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12); transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease; } .flx-pay-badge:hover .flx-pay-svg, .flx-pay-badge:focus-visible .flx-pay-svg { transform: translateY(-2px); border-color: #3b82f6; box-shadow: 0 4px 10px rgba(37, 99, 235, 0.25); } .powerby { overflow-x: clip; max-width: 100%; } .flx-pay-badge[data-flx-pay-tip]::after { content: attr(data-flx-pay-tip); display: none; position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); background-color: #0f172a; color: #f8fafc; border: 1px solid #334155; padding: 5px 10px; border-radius: 6px; font-size: 11.5px; font-weight: 600; line-height: 1.3; width: max-content; max-width: 220px; white-space: normal; text-align: center; pointer-events: none; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.35); z-index: 1080; } .flx-pay-badge[data-flx-pay-tip]::before { content: ""; display: none; position: absolute; bottom: calc(100% + 3px); left: 50%; transform: translateX(-50%); border-width: 5px 5px 0 5px; border-style: solid; border-color: #0f172a transparent transparent transparent; pointer-events: none; z-index: 1081; } @media (hover: hover) and (min-width: 768px) { .flx-pay-badge[data-flx-pay-tip]:hover::after, .flx-pay-badge[data-flx-pay-tip]:focus-visible::after, .flx-pay-badge[data-flx-pay-tip]:hover::before, .flx-pay-badge[data-flx-pay-tip]:focus-visible::before { display: block; } } </style> </div> </footer> <a href="#top" id="scroll" title="Scroll to Top" aria-label="Scroll to Top" style="display: none;"> <i class="fa fa-angle-up"></i><span class="visually-hidden">Scroll to Top</span> </a> </div> <script> document.addEventListener('click', function (e) { // PLUS BUTTON if (e.target.closest('.qty-btn-plus')) { const container = e.target.closest('.qty-container'); const input = container.querySelector('.input-qty'); input.value = parseInt(input.value || 1) + 1; } // MINUS BUTTON if (e.target.closest('.qty-btn-minus')) { const container = e.target.closest('.qty-container'); const input = container.querySelector('.input-qty'); let value = parseInt(input.value || 1); if (value > 1) { input.value = value - 1; } } }); (function() { function flxIsBotClient() { var ua = (typeof navigator !== 'undefined' && navigator.userAgent) ? navigator.userAgent : ''; if (!ua || (typeof navigator !== 'undefined' && navigator.webdriver)) return true; return /FlexExt-Commerce-Sentinel|bot\b|spider|crawler|slurp|archiver|mediapartners|adsbot|lighthouse|pagespeed|gtmetrix|pingdom|uptimerobot|headless|phantomjs|prerender|baidu|bytespider|yandex|bingpreview|ahrefs|semrush|mj12bot|dotbot|petalbot|gptbot|chatgpt-user|oai-searchbot|claudebot|anthropic|perplexity|amazonbot|applebot|facebookexternalhit/i.test(ua); } function flxSentinelTrack(eventName, details) { try { if (flxIsBotClient()) return; var payload = JSON.stringify({ event: eventName, url: window.location.href, email: (document.getElementById('input-email') && document.getElementById('input-email').value) || '', details: details || {} }); if (navigator.sendBeacon) { navigator.sendBeacon('/api/commerce_sentinel.php?action=track_event', new Blob([payload], { type: 'application/json' })); } else { fetch('/api/commerce_sentinel.php?action=track_event', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload, keepalive: true }).catch(function(){}); } } catch (err) {} } window.flxSentinelTrack = flxSentinelTrack; // Global Buy Now Handler (Capture Phase — zero jQuery dependency, works on product pages & product cards) document.addEventListener('click', function(e) { var buyBtn = e.target.closest('#button-buy-now, .btn-buy-now-card'); if (!buyBtn) return; e.preventDefault(); e.stopPropagation(); if (e.stopImmediatePropagation) e.stopImmediatePropagation(); if (buyBtn.disabled) return; var form = buyBtn.closest('form') || document.getElementById('form-product'); var params = new URLSearchParams(); if (form) { var selects = form.querySelectorAll('select[name^="option"]'); for (var i = 0; i < selects.length; i++) { if (!selects[i].value && selects[i].options.length > 1) { selects[i].selectedIndex = 1; } } var radios = form.querySelectorAll('input[type="radio"][name^="option"]'); var radioGroups = {}; for (var r = 0; r < radios.length; r++) { var rName = radios[r].name; if (!radioGroups[rName]) radioGroups[rName] = []; radioGroups[rName].push(radios[r]); } for (var gName in radioGroups) { var group = radioGroups[gName]; var anyChecked = group.some(function(el) { return el.checked; }); if (!anyChecked && group.length > 0) { group[0].checked = true; } } var fd = new FormData(form); fd.forEach(function(val, key) { params.append(key, val); }); } var pid = buyBtn.getAttribute('data-product-id') || params.get('product_id') || (document.querySelector('input[name="product_id"]') && document.querySelector('input[name="product_id"]').value) || ''; if (pid && !params.get('product_id')) { params.set('product_id', pid); } if (!params.get('quantity')) { params.set('quantity', '1'); } var origHtml = buyBtn.innerHTML; buyBtn.disabled = true; buyBtn.innerHTML = '<i class="fa-solid fa-spinner fa-spin me-1"></i> Redirecting...'; flxSentinelTrack('buy_now_click', { product_id: pid }); fetch('index.php?route=checkout/cart.add&language=en-gb', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 'X-Requested-With': 'XMLHttpRequest' }, body: params.toString(), credentials: 'same-origin' }) .then(function(res) { return res.json(); }) .then(function(json) { if (json && json.error) { buyBtn.disabled = false; buyBtn.innerHTML = origHtml; flxSentinelTrack('cart_add_error', { product_id: pid, error: json.error }); var errMsgs = []; for (var k in json.error) { errMsgs.push(json.error[k]); var errEl = document.getElementById('error-' + k.replace(/_/g, '-')); if (errEl) { errEl.innerHTML = json.error[k]; errEl.classList.add('d-block'); } } var alertContainer = document.getElementById('alert'); if (alertContainer && errMsgs.length) { alertContainer.innerHTML = '<div class="alert alert-danger alert-dismissible fade show shadow-sm"><i class="fa-solid fa-circle-exclamation me-1"></i> ' + errMsgs.join('<br>') + '<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>'; } return; } flxSentinelTrack('cart_add_success_redirect', { product_id: pid }); window.location.href = 'index.php?route=checkout/checkout&language=en-gb'; }) .catch(function(err) { buyBtn.disabled = false; buyBtn.innerHTML = origHtml; flxSentinelTrack('cart_add_network_error', { product_id: pid, message: String(err) }); window.location.href = 'index.php?route=checkout/checkout&language=en-gb'; }); }, true); // Monitor JS Runtime Errors on Product / Cart / Checkout pages window.addEventListener('error', function(ev) { if (window.location.href.indexOf('checkout') !== -1 || window.location.href.indexOf('product') !== -1) { var msg = (ev && ev.message) ? String(ev.message) : ''; if (typeof window.jQuery === 'undefined' && /jQuery is not defined|\$ is not defined/i.test(msg)) { return; } flxSentinelTrack('js_runtime_error', { message: msg, filename: (ev && ev.filename) || '', lineno: (ev && ev.lineno) || 0 }); } }); // Track Checkout Abandonment with exact funnel context if (window.location.href.indexOf('checkout/checkout') !== -1) { flxSentinelTrack('checkout_page_view', {}); var checkoutCompleted = false; document.addEventListener('click', function(ev) { if (ev.target.closest('#button-confirm-trigger, #button-confirm-stripe, #button-confirm')) { checkoutCompleted = true; flxSentinelTrack('checkout_confirm_button_click', { payment_method: (document.getElementById('input-payment-code') && document.getElementById('input-payment-code').value) || '' }); } }, true); window.addEventListener('pagehide', function() { if (!checkoutCompleted) { var emailField = document.getElementById('input-email'); var errText = ''; var visibleErrs = document.querySelectorAll('.invalid-feedback.d-block, .alert-danger'); if (visibleErrs.length) { errText = visibleErrs[0].textContent.trim(); } flxSentinelTrack('checkout_page_exit_uncompleted', { has_email: !!(emailField && emailField.value), visible_error: errText, payment_method: (document.getElementById('input-payment-code') && document.getElementById('input-payment-code').value) || '' }); } }); } })(); </script>   <script data-flx="human-telemetry"> (function(){ if (window._flx_tr) return; window._flx_tr = true; try { var isWd = !!(navigator.webdriver || window.__webdriver_evaluate || window.__selenium_evaluate); var sw = window.screen ? window.screen.width : 0; var sh = window.screen ? window.screen.height : 0; var ww = window.innerWidth || 0; var wh = window.innerHeight || 0; var dpr = window.devicePixelRatio || 1; var tz = ''; try { tz = Intl.DateTimeFormat().resolvedOptions().timeZone || ''; } catch(e){} var touch = ('ontouchstart' in window || navigator.maxTouchPoints > 0) ? 1 : 0; var payload = JSON.stringify({ vid: 102922, u: window.location.pathname + window.location.search, dt: document.title || '', dr: document.referrer || '', sw: sw, sh: sh, ww: ww, wh: wh, dpr: dpr, tz: tz, touch: touch, wd: isWd ? 1 : 0 }); var url = 'https://flexext.dev?route=extension/flexext_seo_analytics_oc4/module/seo_analytics.verify_human'; if (navigator.sendBeacon) { navigator.sendBeacon(url, new Blob([payload], {type: 'application/json'})); } else { var xhr = new XMLHttpRequest(); xhr.open('POST', url, true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.send(payload); } } catch(e){} })(); </script>   <style> input[name='quantity']:not([type='hidden']), #input-quantity:not([type='hidden']), label[for='input-quantity'], .input-group:has(#input-quantity) > .input-group-text, .input-group:has(#input-quantity) > button, .input-group:has(#input-quantity) > .btn-number, .stepper-btn, .quantity-stepper, .stepper { display: none !important; } .input-group:has(#input-quantity) { display: none !important; } .flx-block-buy_box .d-flex > div:has(.input-group) { display: none !important; } .flx-block-buy_box .flex-grow-1 { padding-top: 0 !important; width: 100% !important; } #button-cart, .flx-block-buy_box #button-cart { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } </style> <script> document.addEventListener('DOMContentLoaded', function() { var qtyInput = document.querySelector('#input-quantity'); var formProduct = document.querySelector('#form-product') || document.querySelector('form[action*="checkout/cart.add"]'); if (qtyInput) { qtyInput.value = '1'; // Ensure a hidden input exists in case themes completely wipe the input-quantity container if (formProduct && !formProduct.querySelector('input[name="quantity"]')) { var hiddenQty = document.createElement('input'); hiddenQty.type = 'hidden'; hiddenQty.name = 'quantity'; hiddenQty.value = '1'; hiddenQty.id = 'input-quantity'; formProduct.appendChild(hiddenQty); } } }); </script>  </body></html>