Il page builder arriva nei contenuti di Maho

Il tab Contenuto di pagine CMS, blocchi statici e post del blog ha un pulsante in più: “Fullscreen Page Builder”. Da lì il contenuto non si scrive più solo a mano nell’editor, si compone: un pannello di blocchi a sinistra, l’anteprima dello storefront a destra, e il risultato che si aggiorna mentre digiti.

Cosa cambia per chi gestisce il negozio

Il pannello dei blocchi inserisce colonne, griglie bento, accordion, tab, immagini, slideshow, widget e bottoni, con un clic oppure trascinandoli nel contenuto.

Il dialogo del bottone chiede etichetta, link, colore, stile e dimensione, e scrive un <a> con le classi del tema, così il bottone resta coerente con il resto del negozio.

L’anteprima sulla destra non è una simulazione nel browser: il server renderizza una bozza del contenuto non salvato, nel tema della store view selezionata. Per un blocco statico si può vedere il blocco da solo oppure inserito nella pagina che lo usa.

Anche l’editor normale ha smesso di mostrare segnaposto: un widget compare come in vetrina.

Prima della correzione l’editor lasciava le etichette al posto del contenuto:

Il merito è della stessa serie di modifiche: l’editor dei contenuti ora renderizza widget, blocchi e direttive {{icon}} come li vede il visitatore, quindi una lista prodotti mostra prodotti e prezzi invece della sola etichetta del widget. La correzione arriva con #1595.

Editor e HTML: cosa resta dopo un salvataggio

Un secondo intervento chiude un caso che faceva perdere tempo a chi scrive HTML a mano. Quando il contenuto conteneva elementi che l’editor non gestiva, come label, small, sup, section, figure, dl, video, button o h6, oppure attributi id, title, data- e aria- su un titolo, l’editor si chiudeva e lasciava l’HTML grezzo. Ora conserva tutto quello che un salvataggio conserva, quindi si può restare nell’editor visuale senza rinunciare al markup (#1610).

Requisiti e limiti da conoscere

La bozza dell’anteprima vive nella cache dell’applicazione per trenta minuti. Un negozio con più di un nodo web ha bisogno di una cache condivisa, per esempio Redis: senza, l’anteprima può chiedere al nodo sbagliato un contenuto che non ha.

MageMEGA è stata parte del processo e ha lanciato l’idea con un proof of concept (discussione #1572, un modulo standalone senza patch al core), poi fuso nel core come Design Mode di empiricompany/maho-design-mode.

Alcune cose restano fuori:

• prodotti e categorie non hanno anteprima, perché il loro editor si apre in una finestra senza schermo intero;
• un carousel o uno script dentro un widget non gira nell’editor, che mostra il suo HTML statico;
• in schermo intero, con entrambi i pannelli aperti su una finestra da 1280 px, l’area del contenuto è larga 456 px: un layout a due colonne con un widget scorre un po’ di lato. Chiudere il pannello di anteprima restituisce spazio.

Se hai un modulo che estende il controller del blog

Maho_Blog_IndexController non ha più _switchToSingleColumnIfNoSidebar(), _initPageTitle(), _initMeta() e _initBreadcrumbs(). Un modulo che estende quel controller chiama i metodi pubblici omonimi, senza underscore, su Mage::helper('blog'), passando il layout come primo argomento.