Der komplette Forge Athletic Store – eine HTML-Datei, eine Stylesheet-Datei, eine Script-Datei und sechs Fotografien. Läuft auf jedem Hosting-Anbieter, in Minuten umbenennen, MIT-lizenziert.

WAS SIE ERHALTEN

Ein Ordner, keine Build-Tools:

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

MIT-Lizenz: Verwenden Sie es in Kundenprojekten, umbenennen, als Teil Ihres eigenen Builds weiterverkaufen. Fotografien sind CC0 – kommerzielle Nutzung, keine Quellenangabe.

SO WIRD ES GEWÄHLT, WENN EIN SHOP SO FUNKTIONIEREN SOLLTE

1. Reaktionsschnell von 320 px – Geprüft bei 360 / 390 / 768 / 1024 / 1440 px mit keinerlei horizontalem Überlauf. Zwei-Spalten-Gitter und eine App-ähnliche Tab-Leiste auf Mobilgeräten.
2. Funktionierender Einkauf – Hinzufügen, Entfernen, Menge und Gesamtpreis – im Browser gespeichert, schiebbares Drawer, Checkout öffnet eine fertige Bestell-E-Mail.
3. Schonend für die Augen – Ruhiger Papierhintergrund, eine Akzentfarbe, Fraunces + Inter – und die gesamte Farbpalette lässt sich aus einem :root-Block neu gestalten.
4. Sicher ohne JavaScript – Inhalte werden erst versteckt, wenn JS aktiv bestätigt ist, sodass ein Script-Fehler niemals eine leere Seite hinterlässt.

JETZT IN WENIGER ALS FÜNF MINUTEN LIVE

1. Dekompaktieren – Sie erhalten einen Ordner mit allem Inhalt. Keine 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.html öffnen – Markenname, Preise und Text ändern – oder beibehalten. Dann veröffentlichen.

Verwendung mit Elementor? Fügen Sie den HTML-Code 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 KUNDEN DAS AUSWÄHLEN

• Noch 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-Anzeige, kein gefälschter Verknappung – der Rabatt ist einfach der Preis.
• Keine Bindung: MIT-lizenzierter Code und CC0-Fotografien. Verwenden Sie es in Kundenprojekten, branden Sie es um, verkaufen Sie, was Sie darauf aufbauen.
• Sofortiger Download: Checkout, Lieferung und erneuter Download werden für Sie erledigt – bezahlen Sie einmal und die Zip-Datei ist sofort Ihrer Bibliothek.

FAQ

Brauche ich WordPress oder Elementor?
Nein. Es handelt sich um reines HTML, CSS und JavaScript – es läuft auf jedem Host, einschließlich 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 befindet sich in einem :root-Block ganz oben in style.css. Ändern Sie sie, und die ganze Seite ändert ihr Erscheinungsbild.

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