Der komplette Frame & Field Store – eine HTML-Datei, ein Stylesheet, ein Script und sechs Fotografien. Läuft auf jedem Hoster, lässt sich in Minuten neu kennzeichnen, MIT-lizenziert.

WAS SIE ERHALTEN

Ein Ordner, keine Build-Tools:

• index.html – Die vollständige Demo-Seite, die Sie gerade ansehen
• style.css – kommentiertes Designsystem, Palette in einem :root-Block
• script.js – Bag, Drawer, Formulare, Scroll-Reveals (Vanilla JS)
• /img – sechs CC0-Fotografien, optimiert fürs Web
• README.md + INSTALL.md – Setup-Anleitung und Fehlerbehebung

MIT-Lizenz: Nutzen Sie es in Kundenprojekten, branden Sie es neu, verkaufen Sie es als Teil Ihres eigenen Builds. Fotografien sind CC0 – kommerzielle Nutzung, kein Attribution.

SO GEHT ES WIE EIN SHOP

1. Reaktionsfähig ab 320 px – Zugriff geprüft bei 360 / 390 / 768 / 1024 / 1440 px mit Null horizontalem Überlauf. Zwei-Spalten-Grid und eine App-ähnliche Tab-Leiste auf Smartphones.
2. Arbeitsbag – Hinzufügen, Entfernen, Menge und Gesamt – im Browser gespeichert, schubladenähnlicher Drawer, Checkout, der eine vorgemeldete Bestell-E-Mail öffnet.
3. Schonend für die Augen – Ein ruhiger Papierhintergrund, eine Akzentfarbe, Fraunces + Inter – und die gesamte Palette lässt sich aus einem :root-Block neu gestalten.
4. Sicher ohne JavaScript – Inhalte werden erst versteckt, wenn JavaScript aktiviert ist, sodass ein Script-Fehler nie eine leere Seite hinterlässt.

LIVE IN WENIGER ALS FÜNF 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 Versandnotiz.
4. Öffnen Sie index.html – Ändern Sie Markenname, Preise und Text – oder belassen Sie sie. Dann veröffentlichen.

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

WARUM KÄUFER DAS AUSWÄHLEN

• Noch heute Live: Entpacken, zwei Zeilen ändern, hochladen. Keine Build-Tools, kein Framework, kein Lizenzschlüssel, kein Abonnement.
• Preis eines Mittagessens: 49 $ → 19 $, dauerhaft. Keine Frist, kein künstliches Knappheitsgefühl – der Rabatt ist einfach der Preis.
• Kein Lock-in: MIT-lizenzierter Code und CC0-Fotografien. Nutzen Sie es in Kundenprojekten, branden Sie es neu, verkaufen Sie, was Sie darauf aufbauen.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für Sie erledigt – zahlen Sie einmal und der Zip liegt sofort in Ihrer Bibliothek.

FAQ

Brauche ich WordPress oder Elementor?
Nein. Es ist reines HTML, CSS und JavaScript – läuft auf jedem Hosting, inklusive GitHub Pages. Sie können den Markup auch in Elementor HTML-Widgets übernehmen.

Kann ich Marke und Farben ändern?
Ja. Der Markenname ist im HTML, die Palette sitzt in einem :root-Block ganz oben in style.css. Ändern Sie sie, skaliert die gesamte Seite neu.

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