Der gesamte Store aus den Screenshots, aufgeteilt in 16 fertige HTML-Widgets: ein filterbarer Shop, ein funktionsfähiger Warenkorb, ein seitlich einblendender Beutel und ein Layout, das bei sieben Bildschirmbreiten validiert wurde. MIT-Lizenz, keine Page-Builder-Add-Ons, kein WooCommerce.

WAS SIE ERhalten

Eine Zip-Datei ohne Build-Tools:

• vera-kit.css - das gesamte Design-System (25 KB, unkomprimiert, kommentiert, Farbpalette in einer :root-Block)

• vera-kit.js - Beutel, Kategorienfilter, Formulare, Scroll-Veränderungen (10 KB, Vanilla JS, selbstschutz)

• /widgets - 16 paste-fertige HTML-Schnipsel, nummeriert in der Reihenfolge, in der Sie sie einfügen: 00-loader, 01-header-nav, 02-hero, 03-marquee, 04-category-cards, 05-products-grid, 06-editorial-split, 07-values-stats, 08-quotes, 09-newsletter, 10-footer, 11-bag-drawer-tabbar, 12-category-page-head-chips, 13-category-blocks, 14-products-filtered-grid, 15-contact-form

• /images - 20 CC0-Fotos (JPEG/WebP, optimiert, ca. 1,7 MB)

• /screenshots - 5 fertige Store-Aufnahmen

• eine 4-seitig funktionsfähige Demo (Startseite, Kategorien, Über uns, Kontakt), die offline läuft

• README.md, INSTALL.md und LISTING.md - Setup-Anleitung, Troubleshooting-Tabelle, Hinweise zur Wiederverwendung

MIT-Lizenz für den Code, CC0 für die Fotografien.

SOWIE EIN STORE FUNKTIONIERT

1. Realer Kategorienfilter - Klicken auf eine Kategorie zeigt nur die Produkte dieser Kategorie und aktualisiert Titel, Anzahl und URL.

2. Funktionsfähiger Warenkorb - Hinzufügen, Entfernen, Menge, Gesamt — im Browser gespeichert, mit einer seitlich einblendbaren Schublade und einer Bestell-E-Mail.

3. Verifiziert responsiv - Getestet bei 320 / 360 / 390 / 414 / 768 / 1024 / 1440 px - keinerlei horizontaler Überlauf.

4. Sicher auch ohne JavaScript - Inhalt wird erst versteckt, wenn JavaScript aktiv bestätigt ist, damit eine Fehlermeldung die Seite niemals blank macht.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Entpacken Sie das Paket - Sie erhalten vera-kit.css, vera-kit.js, /images (20 Fotos), /widgets (16 HTML-Schnipsel), eine 4-seitige funktionsfähige Demo, README.md und INSTALL.md