Der komplette Terra Ceramics Store – eine HTML-Datei, eine Stylesheet-Datei, ein Script und sechs Fotografien. Läuft auf jedem Host, lässt sich in Minuten neu branden, MIT-lizenzierte Software.

WAS SIE ERHALTEN

Ein Ordner, keine Build-Tools:

• index.html - die vollständige Demo-Seite, die Sie anschauen
• style.css - kommentiertes Designsystem, Farbpalette in einem :root-Block
• script.js - Bag, Drawer, Formulare, Scroll-Reveals (Vanilla JS)
• /img - sechs CC0-Fotografien, optimiert für das Web
• README.md + INSTALL.md - Installationsanleitung und Troubleshooting

MIT-Lizenz: Nutze es in Kundenprojekten, brand es neu, verkaufe es als Teil deines eigenen Build. Fotografien sind CC0 – kommerzielle Nutzung, keine Attribution.

SO WIRD ES GEHALTEN, WIE EIN STORE SEIN SOLLTE

1. Reaktionsfähig von 320 px – Verifiziert bei 360 / 390 / 768 / 1024 / 1440 px mit null horizontaler Überlauf. Zwei-Spalten-Gitter und eine App-ähnliche Tab-Bar auf Smartphones.
2. Funktionierender Bag – Hinzufügen, Entfernen, Menge und Gesamtpreis – im Browser gespeichert, schiebe Drawer, Checkout öffnet eine vorbefüllte Bestell-E-Mail.
3. Wenig Augenbelastung – Ruhe Hintergrundpapier, eine Akzentfarbe, Fraunces + Inter – und die ganze Palette lässt sich aus einem :root-Block neu gestalten.
4. Sicher ohne JavaScript – Inhalte werden erst versteckt, wenn JS aktiv bestätigt ist, daher kann ein Script-Error niemals eine leere Seite hinterlassen.

LIVE IN WEITEN FIVE MINUTEN

1. Entpacken – Sie erhalten einen Ordner mit allem Inhalt. Kein npm, kein Framework, kein Lizenzschlüssel.
2. Hochladen – Ziehen Sie den Ordner auf Ihren Host oder in /wp-content/uploads/ für WordPress-Seiten.
3. Zwei Zeilen bearbeiten – Öffnen Sie script.js und setzen Sie Ihre Inbox, Währung und Versandhinweis.
4. Index öffnen – Ändern Sie Markenname, Preise und Text – oder behalten Sie sie bei. Dann veröffentlichen.

Verwenden Sie Elementor? Fügen Sie das HTML in HTML-Widgets ein und laden Sie style.css + script.js einmal von Elementor – Custom Code. Farbe? Bearbeiten Sie den :root-Block oben in style.css.

WARUM KÄUFER DAS AUSWÄHLEN

• Heute Nachmittag live: Entpacken, zwei Zeilen ändern, hochladen. Keine Build-Tools, kein Framework, kein Lizenzschlüssel, kein Abonnement.
• Preis eines Mittagessens: 49 $ → 19 $, dauerhaft. Kein Countdown, keine künstliche Knappheit – der Rabatt ist einfach der Preis.
• Kein Vendor Lock-in: MIT-lizenzierter Code und CC0-Fotos. Verwende es in Kundenprojekten, brand es neu, vertreib, was du darüber hinaus baust.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für dich abgewickelt – zahle einmal und der Zip liegt sofort in deiner Bibliothek.

FAQ

Brauche ich WordPress oder Elementor?
Nein. Es handelt sich um reines HTML, CSS und JavaScript – es läuft auf jedem Host, auch GitHub Pages. Du kannst den Markup auch in Elementor HTML-Widgets legen.

Kann ich Marke und Farben ändern?
Ja. Der Markenname ist im HTML enthalten, die Farbpalette sitzt in einem :root-Block oben in style.css. Ändere sie und die ganze Seite skinnt neu.

Kann ich es für Kundennarbeit verwenden?
Ja – MIT-Lizenz