Editor a blocchi per descrizioni PrestaShop - colonne e contenuti
Costruisci descrizioni con immagini e testo in colonne responsive. L'estensione dell'editor TinyMCE aggiunge blocchi, separatori, spaziature e citazioni.
Lingue disponibili:
Griglia di colonne disponibile nell'editor TinyMCE
Dividi il contenuto in colonne direttamente da TinyMCE. Puoi affiancare una foto alla descrizione oppure pianificare più sezioni di prodotto con larghezze diverse.
Separatori, spaziature e blocchi citazione
Separatori, spaziature e citazioni aiutano a dare ritmo a una descrizione lunga. Il layout resta parte del contenuto e può essere modificato in seguito nel pannello del negozio.
Colonne impilate una sotto l'altra sul telefono
Su uno schermo piccolo le colonne passano a una disposizione verticale. Puoi così preparare un'unica descrizione che resta leggibile su computer e telefono.
A chi è rivolto questo modulo?
Una soluzione per chi prepara descrizioni di prodotto articolate e contenuti informativi senza scrivere a mano il layout HTML.
Cosa si imposta nel pannello del modulo?
01 / Layout delle colonne
Layout delle colonne
Breakpoint mobile
Stabilisce la larghezza dello schermo sotto la quale le colonne occupano l'intera larghezza. Fanno eccezione le righe contrassegnate come senza interruzione.
Spaziatura orizzontale, verticale e sotto la riga
La prima distanzia le colonne affiancate. La seconda separa le colonne dopo il ritorno a capo all'interno della stessa riga. La terza allontana tra loro le sezioni intere.
02 / Caricamento degli stili e foto
Caricamento degli stili e foto
CSS su tutte le pagine ed elenco dei controller
Scegli il caricamento globale degli stili oppure tipi di pagina specifici, ad es. product, category e cms. L'elenco viene ignorato con la modalità globale attiva.
Lightbox e ambito del CSS
Attiva l'ingrandimento delle foto nel contenuto. Il selettore indica i contenitori in cui deve funzionare. Le immagini con link e quelle più piccole di 80 × 80 px vengono ignorate.
03 / Lavoro nell'editor
Lavoro nell'editor
Modalità a schermo intero
Aggiunge un editor a schermo intero con gli strumenti TinyMCE, i blocchi e la struttura delle sezioni. Puoi disattivarlo in caso di conflitto con l'editor.
Modalità progettazione
Permette di spostare, duplicare ed eliminare i blocchi invece di modificare il testo al loro interno.
04 / Aspetto dei blocchi
Aspetto dei blocchi
Separatore: stile, spessore, colore, larghezza e margine
Imposti separatamente il tipo di linea, il suo spessore in pixel, il colore, la quota della larghezza della sezione e la distanza sopra e sotto il separatore.
Spaziature S, M e L
Definiscono le altezze dei blocchi di spaziatura pronti, usati durante la composizione della descrizione.
Citazione: accento e sfondo
Il colore di accento riguarda la barra accanto alla citazione, il colore di sfondo la sua superficie. Uno sfondo del colore della pagina dà l'effetto senza superficie evidenziata.
Quattro sfondi per le foto e padding
Gli URL delle immagini formano un set di sfondi tra cui scegliere. Uno slot vuoto non viene usato. Il padding definisce la distanza della foto dal bordo dello sfondo.
