Ein kompletter, responsiver Storefront: semantisches HTML, ein kommentiertes Designsystem in CSS, Vanilla JavaScript, generierte Produktgrafik und vollständiges SEO-Markup. Kein Framework, kein Build-Schritt, kein Lizenzschlüssel.

WAS SIE ERHALTEN

Ein Ordner, keine Build-Tools:

• index.html - semantische Markup, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Palette-Block füllt die gesamte Seite neu. Mobile-First, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, neu eingefärbt durch Ihre Palette.

MIT-Lizenz - verwenden Sie es in Kundenprojekten, branden Sie es neu, verkaufen Sie es als Teil Ihres eigenen Builds.

SO FUNKTIONIERT EIN SHOP, WIE ES SOLLTE

1. Reaktionsfähig - Layouts von 320 bis 1440 px überprüft mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, mobile Navigation und Scroll-Animationen in einem kleinen Script - keine Bibliotheken, kein Build-Schritt.
3. SEO-ready - Semantisches Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Eine-Palette Branding - Die gesamte Seite wird neu eingefärbt durch einen einzigen kommentierten :root-Block am Anfang von style.css.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Entpacken und Öffnen - Doppelklick auf index.html - läuft direkt vom Desktop, kein Server oder npm-Installation.
2. Geben Sie Ihre Details ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Details, 30 Sekunden.
3. Branding - Ändern Sie den Markentext im Header und die Farbtöne in style.css - die Seite passt sich darum herum neu an.
4. Hochladen - Ziehen Sie den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host - es ist in weniger als fünf Minuten live.

WARUM KÄUFER DAS AUSWÄHLEN

• Was Sie sehen, ist, was Sie bekommen: Die Live-Demo läuft exakt denselben Code, den Sie herunterladen - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung getestet: Von 360 bis 1440 px getestet, kein Überlauf, keine defekten Bilder und keine Konsolenfehler.
• Ihr Verkauf: MIT-Lizenz - verwenden Sie es in Kundenprojekten oder verkaufen Sie es als Teil Ihres eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für Sie abgewickelt - zahlen Sie einmal und die Zip-Datei ist sofort in Ihrer Bibliothek.

FAQ

Brauche ich ein Build-Tool?
Nein. Entpacken, index.html öffnen, es läuft. Den Ordner zu GitHub Pages, Netlify Drop oder jedem Shared-Host hochladen.

Kann ich die Farben ändern?
Ja - der :root-Block oben in style.css enthält jede Farbe, Schrift und Radius, die auf der Seite verwendet werden.

Was kann ich damit machen?
MIT-Lizenz. Verwenden Sie es für Kundenprojekte, verkaufen Sie damit, behalten Sie alles, was Sie berechnen. Eine Attribution ist hilfreich, aber nicht erforderlich.

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md listet zuerst jeden Block auf, den es wert ist zu ändern.

Wie erhalte ich das?