Personalizzare una vetrina

Una vetrina può essere personalizzata in ogni momento attraverso due modalità:

  • Mediante l’apposita sezione nel pannello di controllo di ShopTheory.
  • Direttamente sul sito dove hai inserito le tue vetrine, aggiungendo all’url della pagina l’espressione "?setup=1". Clicca qui per approfondire questa modalità di personalizzazione.

Per effettuare quest’operazione nel pannello di controllo, occorre seguire alcuni semplici passaggi:

  1. Accedere alla sezione "Vetrine".
  2. Cliccare su "Modifica" in corrispondenza alla vetrina che dovrà essere modificata.
  3. Cliccare sulla voce "Modifica" dal menu a sinistra.

Le operazioni consentite sono:

  • La variazione del nome e/o della relativa descrizione. Impostare questi due parametri serve escusivamente ad identificare in modo univoco una vetrina nel pannello di controllo, soprattutto nel caso vengano create numerose vetrine. Buona norma è nominare una vetrina con la seguente nomenclatura: "[nome sito] – [nome pagina del sito] – [nome vetrina]".
  • La variazione dell’aspetto e delle funzionalità della vetrina, cliccando sul bottone "Personalizza".

    Nota: ogni vetrina, a seconda della sua funzione, ha parametri diversi che permettono modifiche in termini di stile (es: dimensione delle immagini, ecc.) e di struttura (es: numero di prodotti per pagina, link a pagine esterne per la visualizzazione di prodotti o relativo dettaglio, visualizzazione o meno delle immagini e del pulsante "Acquista", ecc).

  • E' possibile, inoltre, stabilire se la vetrina modificata sarà quella principale nella pagina, ovvero quella in cui avverrà la navigazione all’interno dell’eshop. Per effettuare quest’operazione basta spuntare la voce "Vetrina principale" accanto al bottone "Personalizza". È consentito avere una sola vetrina principale per pagina. Per maggiori informazioni clicca qui.
  • In qualsiasi momento è possibile modificare il css direttamente nella pagina. Infatti, ogni elemento della vetrina ha una particolare classe css che può essere utilizzata per la personalizzazione dello stile.
    Per impostazione predefinita, alle vetrine viene attribuito uno stile di default "neutro" di ShopTheory. Tuttavia, se si desidera modificare in modo sostanziale lo stile della vetrina, è consigliato deselezionare la voce "default css" posta accanto al bottone "Personalizza".

Esempio:
Aggiungere un tag "<style>" sopra il codice di embed nella pagina html con le regole css relative agli elementi da stilizzare:

<style>

/*modifichiamo la dimensione e il colore del nome prodotto*/
div.st-default.st-view-container div.st-tpl-productdetails .st-productdetails-name{font-size:30px;color:red}

/*modifichiamo il colore del titolo della sezione attributi del prodotto*/
div.st-default.st-view-containerdiv.st-tpl-productdetails span.st-productdetails-data-info-attributes-title{color:blue}

</style>

<img src="//emb.shoptheory.it/v1/emb/loader.gif" alt="" class="st-view" data-view="5ab96066-1048-4296-9ccf-d658270f8d33" data-listen="true" data-css="" data-demo="false" /><script src="//emb.shoptheory.it/v1/emb/st.js" type="text/javascript"></script>

PRIMA(senza tag "<style>") 

DOPO(con tag "<style>")


Risposte ed informazioni base