Open2b versione 7.5

Creare un menù

Potete creare quanti menù desiderate. Le singole voci dei menù si potranno poi facilmente aggiungere, modificare e rimuovere dal gestionale per ogni singolo menù.

Prima di proseguire

La creazione di un menù, 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 il menù sul negozio.

Creare un nuovo menù

Prima di poter aggiungere un nuovo menù ad una pagina del template, bisogna prima definirlo nel file editor.json.

  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 "menus" aggiungere il seguente:
      {
          "menu" : "Company",
          "label" : {
              "en" : "About Us",
              "it" : "Chi Siamo"
          }
      }
    dove al posto di Company indicare il nome con cui far riferimento al menù 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).
  7. Fare clic su Salva per salvare le modifiche al file.
  8. Fare clic su Esci per uscire dal Template Editor.

Aggiungere un menù ad una pagina

  1. Andare nella sezione Sito Web del gestionale.
  2. Andare nella sottosezione Design.
  3. Fare clic su Personalizza in corrispondenza del template in cui si vuole creare il menù. Si aprirà l'editor del template.
  4. Fare clic su HTML e CSS.
  5. Fare clic sul nome file in cui creare il menù. Si aprirà il sorgente del file a centro pagina.
  6. Aggiungere all'inizio del file, come prima riga oppure seconda se la prima riga ha una istruzione extends la seguente istruzione import:
    {% import "/imports/menu.html" %}
    Sempre che l'importazione del file "/imports/menu.html" non sia già presente.
  7. Aggiungere una istruzione show nel punto in cui visualizzare il menù:
    {% show Menu(menus.Company, "vertical")
    dove al posto di Company scrivere il nome del menù da visualizzare. Se il menù dovrà apparire in orizzontale sostituire "vertical" con "horizontal".
  8. Fare clic su Salva per salvare le modifiche al file.
  9. Fare clic su < in alto a sinistra a fianco a HTML e CSS.
  10. Fare clic su Menù, il nuovo menù comparirà nella colonna di sinistra.