Der komplette Wander Lens Store – eine HTML-Datei, eine Stylesheet-Datei, ein Script und sechs Fotos. Läuft auf jedem Host, lässt sich in wenigen Minuten neu benennen, MIT-lizenziert.

WAS SIE ERHALTEN

Ein Ordner, keine Build-Tools:

• index.html – die vollständige Demo-Seite, die Sie ansehen
• style.css – kommentiertes Design-System, Palette in einem :root-Block
• script.js – Tasche, Schublade, Formulare, Scroll-Einblenden (Vanilla JS)
• /img – sechs CC0-Fotos, optimiert fürs Web
• 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. Die Fotos sind CC0 – kommerzielle Nutzung, keine Quellenangabe.

GEBAUT, WIE EIN STORE SICH VERHALTEN SOLLTE

1. Reaktionsfähig von 320 px – geprüft bei 360 / 390 / 768 / 1024 / 1440 px mit null horizontaler Überlauf. Zwei-Spalten-Grid und eine App-Style-Tab-Leiste auf Mobilgeräten.
2. Funktionsfähiger Einkaufskorb – Hinzufügen, Entfernen, Menge und Gesamtsumme – im Browser gespeichert, Schubladen-Einzug, Checkout öffnet eine fertig ausgefüllte Bestell-E-Mail.
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 JS aktiv bestätigt ist, sodass ein Skriptfehler niemals eine leere Seite hinterlässt.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Ddiskieren 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 Versandhinweis.
4. index.html öffnen – Ändern Sie Markenname, Preise und Text – oder belassen Sie sie. Dann veröffentlichen.

Verwendet Elementor? Fügen Sie das HTML in HTML-Widgets ein und laden Sie style.css + script.js einmal von Elementor - Custom Code. Farbe? Ändern Sie den :root-Block oben in style.css.

WARUM KÄUFER DAS AUSWÄHLEN

• Heute Nachmittag live: Entpacken, zwei Zeilen ändern, hochladen. Keine Build-Tools, kein Framework, kein Lizenzschlüssel, kein Abonnement.
• Preis eines Mittagessens: 49 USD → 19 USD, dauerhaft. Keine Countdown-Anzeige, kein falscher Verknappungseffekt – der Rabatt ist einfach der Preis.
• Kein Lock-in: MIT-lizenzierter Code und CC0-Fotos. Nutzen Sie es in Kundenprojekten, branden Sie es neu, verkaufen Sie, was Sie darauf aufbauen.
• Sofortiger Download: Checkout, Lieferung und erneuter Download werden für Sie abgewickelt – zahlen Sie einmal und das Zip ist sofort in Ihrer Bibliothek.

FAQ

Brauche ich WordPress oder Elementor?
Nein. Es ist 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 befindet sich im HTML, die Palette sitzt in einem :root-Block zu Beginn von style.css. Ändern Sie sie und die ganze Seite skinst sich neu.

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