Blocchi Widget Pagine




Per il design delle varie pagine Magento offre una serie di tools.


Blocks

I blocchi sono dei template che una volta riempiti di contenuto o tramite il codice html, possono essere visualizzati nella pagina.
Si creano attraverso Content>blocks>add new Block La parte da utilizzare è quella dell’editor o HTML.


Variabili

Le variabili, sono pezzi mobili di testo o codice HTML da aggiungere alle email transazionali, a blocchi statici e a pagine del CMS. Questa funzione può essere molto utile quando vuoi personalizzare Magento a tuo piacimento.
Su editor , si puo’ cliccare su :

Esistono una serie predefinita di variabili da inserire, oppure si possono creare. Lista delle variabili predefinite.


Widgets

Sono estensioni di Magento, con un set di opzioni che possono essere aggiunte alle pagine o ai blocchi.
Ancora sono selezionabili dall’editor a fianco delle variabili.
Ecco l’elenco dei widgets predefiniti.

  • CMS Page Link: link a una pagina
  • CMS Static Block: richiama un blocco
  • CMS Category Link: Elenco delle categorie
  • CMS New Product List : nuovi prodotti
  • Orders e Returns: Ordini e resi
  • Recently Compared products: Comparazione prodotti
  • Recently Viewed Products: Prodotti visti

Pagine

In questa sezione, sono contenute le pagine create di default da Magento, a cui possono esserne aggiunte altre:

  • CONTENT>PAGES>Add New pagePer esempio:

  • Home Page

    Select>EDIT. In questa pagina potremmo ad esempio mettere il widget CMS New Product List. Oltre ad una immagine . L’immagine puo’ essere inserita nascondendo l’editor, comaprira’ un bottone : insert immage


    Risoluzione dei Problemi

    Durante l’utilizzo dell’editor, puo’ capitare che caricata la pagina, selezionata l’area content, cliccandu editor, quest’ultimo non funzioni!

    Una ricerca su forum di Magento forum, suggerisce che questo dipenda da js Bundling.

    Javascript bundling e’ una tecnica che ragguppa i files, per ridurre le richieste http.

    La sua configurazione si esegue in STORES | Configuration | Advanced | Developer

    Cliccando su Yes /No in Chrome ho ottenuto la soluzione e Editor ha ripreso a funzionare.