Integrazione di ShopTheory

Per integrare ShopTheory in un sito:

  1. Configurare l'eshop dal pannello di controllo aggiungendo le categorie e i prodotti che si vuole visualizzare nel sito tramite una o più vetrine.
  2. Cliccare quindi su "Vetrine" -> "Aggiungi" e sceglire il "tipo vetrina" e il "layout" (dove disponibile). Per avere maggiori informazioni riguardo la creazione di una nuova vetrina clicca qui.
  3. Dal box in basso a sinistra:
    • Per visualizzare la vetrina su un sito o su un blog occorre effettuare il copia&incolla del codice embed che viene generato direttamente sulla pagina html. In alternativa, cliccare la voce "Aggiungi al tuo sito" per ottenere le istruzioni e i codici necessari per integrare ShopTheory sui più importanti strumenti CMS.
    • Per visualizzare l’anteprima della vetrina su jsFiddle, cliccare sulla voce "prova subito".
    • Se la vetrina creata è quella principale, occorre spuntare la voce "vetrina principale".
    • Nota: per ogni pagina è possibile creare solamente una vetrina principale.

    • Per ogni vetrina, ShopTheory attribuisce automaticamente uno stile di default "neutro". Per abilitare questa funzione, selezionare la voce "default css".
    • Nota: per maggiori informazioni riguardo la personalizzazione di una vetrina clicca qui.

Il codice di embed contiene diversi parametri, tra i più importanti:

  • data-lang: definisce la lingua della vetrina, clicca qui per maggiori informazioni.
  • data-listen: definisce se la vetrina è la principale, clicca qui per maggiori informazioni.
  • data-css: definisce, tramite una classe css, lo stile con cui viene visualizzata la vetrina, clicca qui per maggiori informazioni.
  • data-demo: definisce se la vetrina è in modalità demo, clicca qui per maggiori informazioni.
  • data-cnt: imposta l'attributo "id" con il valore inserito nel tag "<div>" della vetrina (ciò può tornare utile per modificare a proprio piacimento il css della vetrina).

IMPOSTARE LA LINGUA DI UNA VETRINA
Il parametro "data-lang" può non essere presente nel codice embed o non avere un valore (data-lang=""). In tal caso, la lingua della vetrina viene automaticamente impostata in base a quella selezionata nel browser del visitatore dell'eshop. Tuttavia è possibile "forzarla" settando l'attributo data-lang nel codice.

Esempio:

<!--St-->
<img src="/loader.gif" alt="" class="st-view" data-view="a3dc6c45-d788-4be7-bcbb-954d99b3a57c"
data-lang="en-EN"    
data-listen="false"
data-css=""/>
<script src="" type="text/javascript"></script><!--St-->

Lingue supportate:

  • it-IT: italiano
  • en-EN: inglese
  • fr-FR: francese
  • es-ES:spagnolo
  • de-DE:tedesco

In un sito multilingua, una vetrina viene visualizzata nella lingua predefinita del browser di ogni visitatore (a prescindere dalla lingua impostata nella pagina del sito). "Forzando" una particolare lingua nella vetrina invece, l’utente visualizzerà quella vetrina nella lingua impostata, anche se diversa da quella settata nel browser con cui viene visualizzato il sito.

IMPOSTARE LO STILE DI UNA VETRINA
Il parametro "data-css" può non essere presente nel codice embed o non avere un valore (data-css=""). In tal caso, la vetrina utilizzerà lo stile di default "neutro" di ShopTheory. Se impostato un valore, viene aggiunto tale valore nell'attributo "class" del tag "<div>" della vetrina (ciò può tornare utile per modificare a proprio piacimento il css della vetrina). Per maggiori informazioni, clicca qui.

IMPOSTARE LA MODALITA' DEMO DI UNA VETRINA
Il parametro "data-demo" può non essere presente nel codice embed o non avere un valore (data-demo=""). In tal caso, la vetrina viene impostata in modalità non demo. Se impostata in modalità demo (data-demo="true"), nella vetrina saranno presenti anche prodotti dimostrativi di ShopTheory. I parametri disponibili sono "true"(data-demo="true") e "false" (data-demo="false").

Risposte ed informazioni base