Module for Prestashop version 16.x.x – 1.7.x.x
Add a new menu to your shop
Add it to the shop header to get a second specific menu, or use it only for some customer group, to get different menus based on customer features.
Duplicate & customize: this module can be cloned with a new name: follow the instructions included in the zip file and use many copies as you wish to customize different customer groups, or use them all together.
- Use the menu Improve > Design > Positions to change the module position trough the Prestashop hooks.
- Use Configure > Shop > Customers > “Groups” tab, enable or disable the customer group access to various clones of the module.
Configuration
Duplicate & customize: this module can be cloned with a new name: follow the instructions included in the zip file and use many copies as you wish to customize different customer groups, or use them all together.
- Use the menu Improve > Design > Positions to change the module position trough the Prestashop hooks.
- Use Configure > Shop > Customers > “Groups” tab, enable or disable the customer group access to various clones of the module.
Configuration
Un blocco è costituito da un’immagine, titolo e descrizione, un link, una didascalia e alcune impostazioni di visualizzazione.
L’immagine può essere impostata come sfondo del blocco, con le opzioni “ripeti background” e “background fisso”, che non scorre con la pagina.
Eventuale titolo e descrizione vengono sovrapposti all’immagine, se esistente, oppure usati come unico contesto del blocco.
E’ possibile impostare una trasizione da eseguire quando il blocco viene visualizzato nella pagina, e le classi CSS cui deve essere abbinato. La pagina elenca numerose classi standard di Bootstrap, più classi specifiche come “read-more” e “no-borders”
Codice HTML
Il campo “descrizione” può essere utilizzato per inserire codice HTML (usando l’apposita icona [< >] dell’editor) e produrre quindi qualsiasi tipo di contenuto.
Pagina CMS
E’ possibile non impostare immagine e testi e selezionare la pagina CMS da visualizzare nel blocco. In questo caso l’opzione “read-more” è piuttosto utile per limitarne l’altezza.
TAG di MXB Featured Products
Come illustrato nella pagina di creazione di un blocco, è possibile inserire le tag del modulo “MXB Featured Products” per visualizzare al suo interno uno slider di prodotti, sfruttando i filtri del modulo per creare diversi blocchi con prodotti di differente contesto.
Se hai il modulo “mxb_featureproducts” installato:
- Una stringa TAG di “mxb_featureproducts” può essere inserita direttamente nella descrizione per ottenere diversi blocchi che visualizzano le file di prodotti create da “mxb_featureproducts”.
- inseriscila usando il pulsante [< >] dell’editor
- esempio di utilizzo di TAG (vedi le istruzioni di “mxb_featureproducts” per maggiori dettagli)
[mxb_featuredproducts_one products=4, category=2, brand=0, random=1, position=here, slide=1, footer-link=0, filter-text=cotton, best-sales=0, class=my-custom-class, title=Intresting products!] - Nota: usando le TAG o HTML, suggerisco di evitare di caricare l’immagine di background. Rimuovila se l’hai già caricata selezionando l’opzione “rimuovi immagine” e cliccando su “salva”.
Altezza del blocco
Quando titolo o descrizione vengono compilati, l’altezza del blocco (e quindi dell’immagine di sfondo) dipenderà dall’altezza occupata dai testi inseriti. Per impostare un’altezza minima utilizza il CSS personalizzato che trovi nella configurazione di questo modulo, e imposta un valore di “min-height” per il div principale o per la classe CSS personalizzata inserita più sopra. Guarda come è strutturato il file “custom.css” di esempio, che trovi sempre nella configurazione principale del modulo.
Animazioni
- Puoi inserire uno o più paragrafi in un DIV con class = “una delle transizioni elencate più sopra” per renderlo animato.
- Utilizza i pulsanti [< >] dell’editor di testo per modificare direttamente il codice HTML e aggiungere un DIV come in esempio:
<div class="mxb-transition-slide-from-left"><p> ... text or other ... </p></div>"