Tema FSwOND

Documentazione · v1.0.0

Guida completa all'installazione e configurazione di fswond.

Questa sezione raccoglie tutte le istruzioni necessarie per installare il tema, configurare le sezioni principali, gestire le traduzioni e personalizzare l'aspetto del tuo store.

1. Installazione

  1. Acquista il tema dal Shopify Theme Store oppure scarica il file Fswond-1.0.0.zip.
  2. Dal pannello admin Shopify vai su Online Store → Themes.
  3. Clicca Add theme → Upload zip file e seleziona Fswond-1.0.0.zip.
  4. Una volta importato, clicca Customize per aprire il theme editor.
  5. Configura logo, colori e tipografia da Theme settings.
  6. Pubblica il tema con Actions → Publish quando sei pronto.

2. Configurazione header e announcement bar

L'header supporta logo testuale o immagine, menu drawer mobile, predictive search e cart drawer. L'announcement bar in cima può ospitare fino a 3 messaggi rotanti con link.

  • Logo: Theme settings → Logo. Dimensioni consigliate: 240×60px (SVG o PNG trasparente).
  • Menu principale: Navigation → Main menu nell'admin.
  • Announcement bar: Customize → Header → Announcement bar blocks.

3. Pagina prodotto

La product page è basata su sezioni e blocchi configurabili: galleria, titolo, prezzo, varianti con swatch, taglie con disponibilità, descrizione, "Complete the Look", recensioni, FAQ prodotto, size chart.

  • Sticky CTA mobile: Customize → Product → Mobile sticky CTA.
  • Swatch colore: abilita "Display color swatches" e configura i metafield colore dei prodotti.
  • Size chart contestuale: usa la sezione globale "Size chart" e referenziala dal blocco prodotto.
  • Quick view: attivo di default dalle griglie prodotto.

4. Cart drawer

Il cart drawer è un'overlay laterale completamente configurabile. Supporta soglia free shipping animata, upsell automatico, note ordine, codici sconto e gestione varianti in AJAX.

  • Soglia free shipping: Customize → Cart drawer → Free shipping threshold. Imposta la soglia in valuta dello store.
  • Upsell: attiva "Show recommended products" e configura la logica (related collection o regole manuali).

5. Lookbook e Shop the Look

fswond include tre sezioni dedicate al merchandising editoriale: Lookbook (layout split o sticky), Shop the Look (hotspot cliccabili) e Complete the Look (outfit suggestion in product page).

  • Hotspot prodotto: trascina i marker sull'immagine, collega un prodotto via picker.
  • Layout: scegli tra "Image left/right", "Sticky scroll" o "Full bleed".

6. Multilingua

fswond viene fornito con 6 lingue incluse (EN, IT, FR, DE, ES, PT). Per attivare una lingua aggiuntiva:

  1. Vai su Settings → Languages nell'admin.
  2. Aggiungi la lingua e attivala come "Published".
  3. Personalizza le stringhe da Themes → Edit default theme content.

7. Performance e immagini

Per mantenere i punteggi Lighthouse ottimali consigliamo: immagini in formato WebP o AVIF, dimensioni massime 2400px lato lungo, peso file ≤ 300 KB, lazy loading attivo (default).

8. FAQ tecniche

Come cambio i colori del tema?

Da Customize → Theme settings → Colors. fswond usa 4 color scheme configurabili (Default, Accent, Inverse, Editorial) applicabili a livello di sezione.

Posso usare fswond con Shopify Markets?

Sì. Il tema è compatibile con Markets, multi-currency e multi-language. Configura prima Markets dall'admin, poi fswond rileverà automaticamente le valute e lingue attive.

Come aggiungo un secondo menu nel mobile drawer?

Apri Customize → Header → Nav drawer e aggiungi un blocco "Menu secondario", quindi selezionalo dalla lista navigation.

Sono incluse le recensioni prodotto?

fswond è compatibile con Shopify Product Reviews e con Judge.me, Loox, Yotpo via app blocks. Trascina l'app block nella sezione product.

Posso modificare il codice Liquid del tema?

Sì. Una volta acquistato sul Theme Store, il tema è completamente editabile da Themes → Edit code. Tutte le sezioni e gli snippet sono commentati.

Quali browser sono supportati?

Le ultime 2 versioni di Chrome, Safari, Firefox, Edge. Mobile Safari iOS 14+ e Chrome Android 90+.

Come abilito back-in-stock alert?

Attiva "Back-in-stock alert" da Customize → Product → Notification. Il modulo cattura email via Shopify Customer accounts; integrazione con Klaviyo via metafield.

Aggiornamenti del tema

Gli aggiornamenti del tema sono gratuiti per sempre dopo l'acquisto. Riceverai un'email a ogni nuova release con le note di aggiornamento e le istruzioni per riapplicare le personalizzazioni.

Il tema è compatibile con Shop Pay e checkout extension?

Sì. Shop Pay è abilitato nativamente. Le checkout extensions sono completamente supportate via Online Store 2.0.

Posso aggiungere un campo personalizzato al form contatti?

Sì. Apri la sezione Contact form dal customizer, aggiungi blocchi "Custom field" e imposta nome, tipo (testo, email, telefono, textarea) e validazione.

Supporto merchant

Assistenza dedicata per ogni merchant che usa fswond.

Il nostro team risponde a tutte le richieste di supporto entro 24 ore lavorative (lunedì–venerdì, 9:00–18:00 CET). Le richieste critiche legate a bug bloccanti vengono trattate con priorità.

Hai bisogno di aiuto con fswond?

Scrivici via email indicando l'URL del tuo store e una descrizione chiara del problema o della richiesta.

savdesignweb@gmail.com

Tempo medio di prima risposta: 4 ore lavorative. Tempo di risoluzione bug critici: 72 ore.

Domande pre-vendita

Hai dubbi sulle funzionalità o sulla compatibilità del tema con la tua attività?

Scrivici per una consulenza

Bug e malfunzionamenti

Indica versione del tema, browser, URL store e passi per riprodurre il problema.

Segnala un bug

Customizzazioni avanzate

Personalizzazioni del codice oltre i settings standard del tema su richiesta.

Richiedi un preventivo

Changelog

Cronologia delle versioni e degli aggiornamenti del tema.

v 1.0.0 18 maggio 2026 · Initial Theme Store submission
  • Prima release pubblica del tema sul Shopify Theme Store.
  • Online Store 2.0 con sezioni e blocchi globali riusabili.
  • Tre preset homepage inclusi: Bold, Minimal, Soft.
  • Sezioni editorial: hero, lookbook, shop the look, complete the look, drop calendar, multicolumn, featured collection, image with text, video, testimonials, press mentions, FAQ, newsletter.
  • Product page con galleria sticky, swatch colore, size chart contestuale, mobile sticky CTA, back-in-stock alert.
  • Cart drawer con soglia free shipping, upsell, note ordine.
  • Predictive search drawer con Storefront API.
  • Quick view modal e quick buy dalla griglia prodotto.
  • Supporto 6 lingue: EN, IT, FR, DE, ES, PT.
  • Web Components, vanilla JS, CSS nativo. Zero dipendenze pesanti.
  • Compliant Shopify Theme Store performance budget.

Gli aggiornamenti futuri saranno comunicati via email a tutti i merchant registrati. La cronologia completa sarà sempre disponibile su questa pagina.