Open2b versione 7.5

Inserire dei banner

Potete inserire nel template quante sezioni banner desiderate. I singoli banner si potranno poi facilmente aggiungere, modificare e rimuovere dal gestionale per ogni singola sezione.

Prima di proseguire

L'aggiunta di una sezione banner, anche se può sembrare semplice, richiede comunque una conoscenza più o meno approfondita di HTML e CSS. Potrebbe essere necessario modificare anche il codice HTML e CSS per visualizzare correttamente e nello stile desiderato i banner sul negozio.

Creare una nuova sezione banner

Prima di poter aggiungere una nuova sezione banner ad una pagina del template, bisogna prima definirlo nel file editor.json.

Andare nella sezione Sito Web del gestionale.
Andare nella sottosezione Design.
Fare clic su Personalizza in corrispondenza del template per il quale dare un nome alla sezione banner. Si aprirà l'editor del template.
Fare clic su HTML e CSS.
Fare clic editor.json nella lista di file sulla colonna di sinistra. Si aprirà il sorgente del file a centro pagina.
All'interno del campo "locations" aggiungere il seguente:
```
  {
      "location" : "Offers",
      "label" : {
          "en" : "Winter offers",
          "it" : "Offerte invernali"
      }
  }
```
dove al posto di Offers indicare il nome con cui far riferimento al banner nel codice del template. Il nome deve avere la prima lettera maiuscola e non deve contenere spazi (per la precisione il nome deve seguire la sintassi di un identificatore del linguaggio Go).
Fare clic su Salva per salvare le modifiche al file.
Fare clic su Esci per uscire dal Template Editor.

Aggiungere una sezione banner ad una pagina

Andare nella sezione Sito Web del gestionale.
Andare nella sottosezione Design.
Fare clic su Personalizza in corrispondenza del template a cui si vuole inserire la sezione banner. Si aprirà l'editor del template.
Fare clic su HTML e CSS.
Fare clic sul nome file in cui inserire la sezione banner. Si aprirà il sorgente del file a centro pagina.
Aggiungere all'inizio del file, come prima riga oppure seconda se la prima riga ha una istruzione extends la seguente istruzione import:
```
{% import "/imports/banners.html" %}
```
Sempre che l'importazione del file "/imports/banners.html" non sia già presente.
Aggiungere la seguente istruzione nella posizione in cui dovranno apparire i banner:
```
{% show Banner(banners.Offers, "") %}
```
dove al posto di Offers scrivere il nome della sezione banner da visualizzare. Per mostrare invece i banner come uno slide show con una temporizzazione "6000/500":
```
{% show Banner(banners.Offers, "6000/500") %}
```
Fare clic su Salva per salvare le modifiche al file.
Fare clic su < in alto a sinistra a fianco a HTML e CSS.
Fare clic su Banners, la nuova sezione banner comparirà nella colonna di sinistra.