/// Referenz · 2026 · Freiberg
RAUGI Diamanttechnik
Migration einer Divi-4-Website auf Divi 5 mit vollstaendiger Abloesung des kostenpflichtigen Plugins Supreme Modules Pro: 13 Produkt-Flipboxes und ein Image-Reveal-Effekt, markengenau als native Divi-5-Code-Module nachgebaut.
Die 13 Produkt-Flipboxes: als native Divi-5-Code-Module nachgebaut, Supreme Modules Pro entfernt.
Ergebnisse auf einen Blick
Divi-5-ready — kostenpflichtiges Plugin vollstaendig abgeloest
Third-Party-Plugin
Supreme Modules Pro — 79 $/Jahr Lizenz gespart
Native Code-Module
Produkt-Flipboxes + Image-Reveal, ohne Fremd-JS
„Das sieht alles gut aus."
Was war der Anlass?
Die Website von RAUGI Diamanttechnik (Diamantwerkzeug-Lieferant aus Freiberg) lief auf Divi 4 und haengt am kostenpflichtigen Third-Party-Plugin „Supreme Modules Pro" — im Einsatz fuer 13 Produkt-Flipboxes und einen Image-Reveal-Effekt auf der One-Pager-Startseite. Mit Divi 5 (GA 26.02.2026) und dem auslaufenden Divi-4-Support (~Feb 2027) wird das Plugin zum Kompatibilitaetsrisiko und zur laufenden Lizenzlast (79 $/Jahr). Ziel: sauber auf Divi 5 migrieren und das Plugin vollstaendig entfernen — ohne dass sich Design oder Verhalten aendern.
Was wir konkret gemacht haben
Bestandsaufnahme aller Supreme-Elemente (dsm_flipbox, dsm_image_reveal, dsm_icon_list). Die Live-Seite wurde ausgelesen (HTML + WP-REST-Media-Library), um exakte Produktnamen, Spec-Texte und Bild-URLs aller 13 Produkte zu uebernehmen. Anschliessend zwei Drop-in-Ersatzbausteine als native Divi-5-Code-Module gebaut: (1) 13 Flip-Cards — Vorderseite Titel + Produktbild + „Details"-Button, Rueckseite Spec-Liste — markengenau nach Original (H3 Arial 26px, Button-Styling wie .et_pb_button: schwarz/weiss, im Hover gelb/schwarz). (2) Ein Image-Reveal-Panel mit Slide-from-left und buchstabenweisem Text-Aufbau, komplett ohne GSAP/Splitting.js-Fremdabhaengigkeit. Beide Snippets eingesetzt, vom Kunden visuell freigegeben, danach Supreme Modules Pro deaktiviert und geloescht.
Kennzahlen und Kontext
| Kennzahl | Wert |
|---|---|
| Third-Party-Plugin | entfernt |
| Native Code-Module | 13 + 1 |
Stand — Kennzahlen stammen aus Plausible, Google Search Console, Google Business Profile oder direktem Kunden-Feedback.
Screenshots aus dem Projekt
Tech-Stack
Was wir hier eingesetzt haben
Ähnliches Projekt im Kopf?
Füll den 10-Minuten-Fragebogen aus oder buch ein kostenloses 30-Minuten-Erstgespräch. Wir geben dir eine ehrliche Einschätzung — auch wenn wir nicht passen.
Weitere Projekte
Andere Referenzen zum Stöbern
Webdesign + WordPress-Entwicklung
microsensys GmbH
Webdesign + WordPress-Entwicklung
Sparkasse Meissen
Webdesign + SEO
lf-harvesting.de