Vai alla nuova documentazione

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.

Vedere anche

Se invece si vuole aggiungere un banner ad una sezione già esistente allora...

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.

Aggiungere una nuova sezione banner

  1. Andare nella sezione Sito Web del gestionale.
  2. Andare nella sottosezione Design.
  3. Fare clic su Personalizza in corrispondenza del template a cui si vuole inserire la sezione banner. Si aprirà l'editor del template.
  4. Fare clic su HTML e CSS.
  5. Fare clic sul nome file in cui inserire la sezione banner. Si aprirà il sorgente del file a centro pagina.
  6. Inserire il seguente codice nella posizione in cui dovranno apparire i banner. 
      <!-- .if banners(15) -->
  <section class="banners banners-15">
    <!-- .for banners(15) -->
    <div class="banner"><!-- .show banner --> <img src="banner.jpg"> <!-- .end --></div>
    <!-- .end for -->
  </section>
  <!-- .end if -->
    dove al posto di 15 in "banners(15)" e "benners-15" scrivere un numero di sezione univoco non usato da un'altra sezione nel template.
  7. Fare clic su Salva per salvare le modifiche al file.
  8. Fare clic su < in alto a destra a fianco a HTML e CSS.
  9. Fare clic su Banners, la nuova sezione banner comparirà nella colonna di sinistra.

Dare un nome alla sezione banners nel gestionale

Quando si aggiunge una sezione banner nel codice sorgente del template, questa sezione compare nel gestionale tra le sezioni banners ma senza un nome.

  1. Andare nella sezione Sito Web del gestionale.
  2. Andare nella sottosezione Design.
  3. Fare clic su Personalizza in corrispondenza del template per il quale dare un nome alla sezione banner. Si aprirà l'editor del template.
  4. Fare clic su HTML e CSS.
  5. Fare clic editor.json nella lista di file sulla colonna di sinistra. Si aprirà il sorgente del file a centro pagina.
  6. All'interno del campo "locations" aggiungere il seguente: 
      {
      "location" : 3,
      "label" : {
          "en" : "Winter promotions",
          "it" : "Promozioni invernali"
      }
  }
    dove al posto di 3 indicare la location dei banner così com'è nel codice del template:
    <!-- for banners(3) -->
  7. Fare clic su Salva per salvare le modifiche al file.