Thread
Template e-commerce premium con negozio, scheda prodotto e carrello dimostrativo
Thread è un template e-commerce a tema scuro con negozio filtrabile, scheda prodotto e carrello dimostrativo salvato nel browser: 5 pagine HTML, CSS e JavaScript senza librerie esterne.
Cos’è Thread
Thread è un template per e-commerce di moda a tema scuro: una base front-end di 5 pagine HTML responsive, scritta in HTML, CSS e JavaScript nativi.
Una home editoriale, un negozio con filtri per categoria, la scheda prodotto, un carrello salvato nel browser e un checkout dimostrativo. Il menu usa le voci «Shop», «Collections», «Journal», in inglese e modificabili. I testi e il marchio presenti nei file sono contenuti dimostrativi in inglese: vanno sostituiti con i tuoi.
A cosa serve
Serve a mettere online la vetrina di un brand di moda: un negozio con filtri per categoria, la scheda del prodotto e un carrello che funziona nel browser a scopo dimostrativo, da collegare poi al tuo sistema di vendita.
Per chi è pensato
Per brand di moda indipendenti e concept retail premium. È un punto di partenza, non un sito finito: è l’unico template del catalogo con una struttura da negozio (elenco filtrabile, scheda, carrello e checkout) invece delle cinque pagine standard. Stile: tema scuro, titoli in serif (Georgia) e pulsanti a pillola.
Cosa ricevi dopo l’acquisto
Un unico file ZIP di circa 30 KB con 34 file: 5 pagine HTML, il foglio di stile, lo script, 23 illustrazioni SVG originali e la documentazione di base (README, guida alla personalizzazione, registro delle modifiche e avvisi sui materiali di terzi), in inglese.
Download e installazione
Quando l’ordine risulta completato scarichi il file dalla pagina di conferma e, in qualsiasi momento, dalla tua area Account alla voce Libreria. Per usarlo basta decomprimere lo ZIP: apri index.html nel browser oppure carica la cartella su un hosting per file statici. Non servono build, framework o installazioni.
Da sapere
- Non include pagamenti, gestione degli ordini o un catalogo dinamico: i prodotti sono dati dimostrativi in assets/js/app.js.
- Il checkout è un’interfaccia dimostrativa: non elabora ordini né pagamenti.
- I colori si modificano dalle variabili CSS in
:root; le illustrazioni sono file SVG inassets/media. - Le immagini di copertina sono promozionali e illustrative: il template che ricevi è quello mostrato negli screenshot della sezione «Il template reale».
Caratteristiche 8
- 5 pagine HTML responsive: home, negozio, scheda prodotto, carrello e checkout
- Negozio con filtri per categoria, alimentato dai dati in assets/js/app.js
- Carrello salvato nel browser (localStorage): funziona in locale a scopo dimostrativo
- Checkout dimostrativo: da collegare a un sistema di vendita a tua scelta (il README cita WooCommerce, Shopify, Stripe, Medusa e Commerce Layer come esempi)
- Tema scuro: sfondo #181818, testo #edebe9, accento #786048
- Titoli in serif (Georgia); solo font di sistema
- 23 illustrazioni SVG originali incluse, senza foto o loghi di terzi
- Nessun build step, framework o CDN: HTML, CSS e JavaScript nativi
Pagine incluse 5
- Home (index.html)
- Negozio con filtri per categoria (shop.html)
- Scheda prodotto (product.html)
- Carrello salvato nel browser (cart.html)
- Checkout dimostrativo (checkout.html)
Domande frequenti
Cosa ricevo dopo l’acquisto?
Un file ZIP di circa 30 KB con 34 file: 5 pagine HTML, il foglio di stile, lo script, 23 illustrazioni SVG e la documentazione di base in inglese.
Serve un build tool o un framework?
No. Thread usa HTML, CSS e JavaScript nativi: puoi aprire index.html nel browser o caricare la cartella su un hosting per file statici.
Il carrello e il checkout funzionano?
Il carrello salva gli articoli nel browser (localStorage) e il negozio filtra i prodotti, ma il checkout è un’interfaccia dimostrativa: per vendere davvero va collegato a un sistema di vendita a tua scelta.
Posso usare il mio marchio e le mie immagini?
Il pacchetto è pensato per essere personalizzato: la guida inclusa indica di sostituire il marchio dimostrativo in tutti i file HTML e di sostituire o ricolorare le illustrazioni SVG. Le condizioni d’uso sono nella pagina Licenza d’uso.
Le immagini di copertina corrispondono al template?
Sono immagini promozionali illustrative: non rappresentano funzioni o contenuti che il pacchetto non include. Il template effettivamente incluso nell’acquisto è mostrato negli screenshot della sezione «Il template reale» di questa pagina.
Come scarico il template?
Quando l’ordine risulta completato, dalla pagina di conferma e dalla tua area Account, alla voce Libreria. Maggiori dettagli in Download e consegna.
Specifiche
- Piattaforme
- CSS — tutti i template CSS, HTML — tutti i template HTML, JavaScript — tutti i template JavaScript
- Requisiti
- Browser moderno aggiornato
- Nessun build tool, framework o Node.js
- Un hosting per file statici, oppure apertura locale di index.html
- Un editor di testo per modificare HTML e CSS
- Versione
- 1.0.0Rilasciata il 27 Settembre 2026
- File inclusi
- Thread 1.0.0
- Documentazione
Primi passi
- Scarica lo ZIP dalla tua area Account e decomprimilo.
- Apri
index.htmlnel browser, oppure carica la cartella su un hosting per file statici. - Modifica i colori nelle variabili
:rootdiassets/css/styles.css. - Sostituisci il marchio dimostrativo e i testi in tutti i file HTML.
- Sostituisci o ricolora le illustrazioni SVG in
assets/media. - Collega il checkout dimostrativo al tuo back-end (
assets/js/app.js).
La guida inclusa nel pacchetto (
docs/CUSTOMIZATION.md) e il README sono in inglese.
Versioni
-
1.0.0
- Prima versione del template
Il template reale
Screenshot del template così come lo ricevi dopo l’acquisto. Le immagini di copertina sono illustrative.
La pagina intera
Come la vede chi la scorre.
Su ogni schermo
La stessa pagina su tablet e smartphone.
Altre pagine
Altre schermate reali dello stesso template.
Porta Thread nel tuo progetto.
Richiede: Browser moderno aggiornato, Nessun build tool, framework o Node.js, Un hosting per file statici, oppure apertura locale di index.html, Un editor di testo per modificare HTML e CSS.
Disponibile al download dopo l’acquisto.
