Das komplette Roastery No.5 Store-Set: eine HTML-Datei, eine Stylesheet-Datei, ein Script und sechs Fotografien. Läuft auf jedem Hosting-Anbieter, lässt sich in Minuten neu branden, MIT-lizenziert.

WAS SIE ERHALTEN

Ein Ordner, keine Build-Tools:

• index.html - Die vollständige Demo-Seite, die Sie sehen
• style.css - kommentiertes Designs-System, Farbpalette in einem :root-Block
• script.js - Tasche, Drawer, Formulare, Scroll-Reveals (Vanilla JS)
• /img - sechs CC0-Fotografien, webbasiert optimiert
• README.md + INSTALL.md - Installationsanleitung 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 Urhebernachweis erforderlich.

NUKELLOS WIE EIN SHOP FUNKTIONIERT

1. Antwortfähig ab 320 px – Getestet bei 360 / 390 / 768 / 1024 / 1440 px mit null horizontaler Überlauf. Zweispaltiges Raster und eine App-Style-Tab-Leiste auf Mobilgeräten.
2. Funktionierender Warenkorb – Hinzufügen, Entfernen, Menge und Gesamt – im Browser gespeichert, Slide-in Drawer, Checkout, der eine fertige Bestell-E-Mail öffnet.
3. Schonend für die Augen – Ein ruhiger Papiereinband-Hintergrund, eine Akzentfarbe, Fraunces + Inter – und die gesamte Farbpalette lässt sich aus einem einzigen :root-Block neu gestalten.
4. Sicher auch ohne JavaScript – Inhalte werden nur versteckt, wenn JS aktiv ist, sodass ein Scriptfehler niemals eine leere Seite hinterlässt.

SOFORT NUTZBAR IN WENIGEN 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 Hosting-Provider 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. index.html öffnen – Markenname, Preise und Texte ändern – oder beibehalten. 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 WÄ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. Keine Countdown-Politik, kein künstlicher Knappheits-Hype – der Rabatt ist einfach der Preis.
• Kein Lock-in: MIT-lizenzierter Code und CC0-Fotografien. Nutzen Sie es in Kundenprojekten, branden Sie es neu, vertreiben Sie, was Sie darauf aufbauen.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für Sie abgewickelt – bezahlen Sie einmal und der Zip liegt sofort in Ihrer Bibliothek.

FAQ

Brauche ich WordPress oder Elementor?
Nein. Es handelt sich um reines HTML, CSS und JavaScript – es läuft auf jedem Hosting-Anbieter, einschließlich GitHub Pages. Sie können den Markup auch in Elementor HTML-Widgets einfügen.

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

Kann ich es für Kund:innenarbeiten verwenden?
Ja – MIT-Lizenz