Blocchi HTML: configurazione e aiuto

Carica e installa lo ZIP HTML Blocks in Moduli > "Module Manager". Apri Blocchi HTML > Blocchi. "Configure" apre la configurazione del modulo; la pagina Blocchi contiene l'editor dei contenuti.

Crea un blocco con Nome interno, inserisci Contenuto per le tue lingue e salva. Aggiungi una posizione di visualizzazione per farlo apparire. Un blocco salvato senza collocazione attiva non ha una posizione nel negozio.

Crea i blocchi con l’editor integrato; non è necessario un file di modello aggiuntivo.

Per un messaggio nel footer puoi inserire:

<div class="footer-trust">
  <strong>Secure payment</strong>
  <span>Pay using a payment method enabled in this shop.</span>
</div>

Imposta Nome interno su Footer - Payment message, lascia Titolo vuoto, usa Classe CSS footer-trust-block e mantieni Consenso cookie richiesto su Nessuno (mostra sempre) per un normale messaggio di testo.

Nel pannello di collocazione del blocco, scegli "Display Location" e "Layout", poi aggiungi la posizione. L'anteprima visiva apre il negozio con marcatori degli hook per esaminare le posizioni supportate. Il tema deve effettivamente renderizzare l'hook affinché la collocazione appaia.

Puoi riusare un blocco in più posizioni. L'azione di collocazione non consente di aggiungere due volte lo stesso blocco allo stesso hook nativo.

Le posizioni disponibili includono:

Per un banner homepage, usa displayHomeIntro, "Layout" full-width e una classe adatta come homepage-seasonal-banner. Per un messaggio footer, usa displayFooter e contained.

Crea il blocco tradotto, imposta Titolo come etichetta della scheda e aggiungi displayProductTabContent come posizione. Il modulo fornisce etichetta e contenuto tramite hook delle schede prodotto. Il tema deve supportarli.

Per una scheda Consegna, usa Nome interno Product - Delivery Tab e Titolo Delivery. Aggiungi le informazioni di consegna e salva. Controlla la scheda su una vera pagina prodotto, compresi etichetta e contenuto in ogni lingua.

L’etichetta e il contenuto della scheda prodotto seguono entrambi il requisito di consenso del blocco.

Usa Blocchi HTML > Modelli quando il tema non ha un hook nativo adatto nella posizione richiesta. Salva prima una copia del tema. Il processo PHP deve poter scrivere nei file del tema interessati o nel percorso override del tema figlio, oltre che nella cache PrestaShop.

1. Scansiona il tema attivo. I tipi di pagina supportati includono Prodotto, Categoria, Lista, Produttore, Fornitore, Tutti i marchi e CMS.
2. Esamina file, posizione e chiamata hook proposti per il tipo di pagina.
3. Accetta o inietta la posizione selezionata. Il gestore può modificare il template o creare un override extends dove supportato.
4. Assegna un blocco esistente al profilo pagina e scegli layout e posizione d'inserimento.
5. Mantieni il profilo attivo e salva le impostazioni.
6. Apri una pagina corrispondente del negozio e controlla la posizione.

Il gestore inserisce contenuto Smarty contrassegnato usando l'hook del modulo:

{* MPR_HTMLBLOCK_INJECT *}
{hook h='displayMprHtmlBlock'}
{* /MPR_HTMLBLOCK_INJECT *}

Le chiamate generate possono includere parametri specifici della pagina. Mantienili quando usi la chiamata suggerita dal gestore. Uno sviluppatore può anche inserire manualmente {hook h='displayMprHtmlBlock'}, ma deve considerare contesto pagina e collocazioni previsti.

Il profilo è attivo per impostazione predefinita. Dopo un aggiornamento del tema, usa Controlla stato. Se mancano marcatori o la posizione è obsoleta, scansiona di nuovo prima di reiniettare. Rimuovi tutto rimuove le iniezioni tracciate. Usa il gestore per rimuovere una posizione tracciata anziché eliminare frammenti dei marcatori a mano.

Esiste anche il supporto alle collocazioni tramite selettore. Usa hook nativi o Template Manager per la configurazione ordinaria; le collocazioni tramite selettore dipendono da markup stabile del tema.

Per incorporamenti o script opzionali, scegli una categoria in Consenso cookie richiesto. Il modulo emette contenuto codificato inerte e lo inserisce nel browser solo quando il client MPR Cookies Revolution espone un consenso per quella categoria. Senza decisione, con rifiuto o senza client MPRCR utilizzabile, il contenuto vincolato resta assente. Ritirare il consenso rimuove il contenuto inserito.

Questo ciclo vale per hook nativi, collocazioni nei template, tramite selettore e schede prodotto. La categoria del blocco può anche essere insufficiente per uno script incorporato che richiede un'altra categoria.

Non vincolare al consenso il testo essenziale della pagina. I contenuti dipendenti dal consenso possono apparire dopo il caricamento, spostare il layout e restare assenti per crawler senza consenso. Usa Nessuno (mostra sempre) per contenuti che devono essere sempre presenti.

Non falsificare manualmente i cookie di consenso. I nomi delle categorie usati dall'integrazione sono functional, analytics e marketing; il modulo consenso gestisce la decisione del visitatore.

Apri Blocchi HTML > Impostazioni > Configurazione > Stili del tema. L'editor stili condiviso parte dai valori rilevati del tema e permette di sovrascriverli. Usa "Refresh shop styles" dopo un cambio tema. Usa "Clear custom styles" per tornare ai valori rilevati.

Il modulo mappa sfondo, sfondo secondario, bordo, testo, testo attenuato, raggio, ombra e transizione sui token di stile mpr-card. Nell'editor condiviso corrispondono a "Primary surface", "Secondary", bordo "Normal", testo "Body" e "Muted", "Default radius", "Default shadow" e "Transition". Gli override esistenti del negozio possono modificare i valori.

Per il CSS locale, usa la tua Classe CSS e il contenitore stabile dei contenuti:

.mpr-html-block-content img { max-width: 100%; height: auto; }
.mpr-html-block-content table { width: 100%; border-collapse: collapse; }
.footer-trust-block .mpr-html-block-content {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.homepage-seasonal-banner.mpr-html-block-full-width {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

L'editor standard non ha campi di pianificazione inizio/fine, targeting per gruppi clienti o per ID di prodotto/categoria. Usa gli interruttori di attivazione di blocco, collocazione e profilo pagina secondo necessità.

Controlla il blocco in ogni lingua, in ogni posizione assegnata e a larghezze telefono e desktop. Disattiva una collocazione per confermare che le altre restino disponibili. Disattiva l'intero blocco per nascondere tutte le collocazioni.

Per un blocco vincolato, prova gli stati indeciso, consenso, rifiuto e ritiro in un browser con il modulo consenso attivo. Se usi schede, controlla sia etichetta sia pannello della scheda prodotto.

Se non appare nulla, controlla Attivo del blocco, Attivo della collocazione, contenuto linguistico, Attivo del profilo e rendering dell'hook nel tema. Per contenuti vincolati, controlla decisione del consenso ed errori JavaScript nel browser. Per una posizione iniettata, esegui Controlla stato ed esamina il file template proposto.

Se un titolo resta visibile dopo aver scelto Nessun titolo, svuota il campo Titolo. Il template attuale renderizza un titolo non vuoto con tag vuoto in un div.

Usa Impostazioni > Integrità per controllare e riparare le tabelle richieste del modulo. Se stili o contenuti restano obsoleti, svuota le cache PrestaShop e pagina/CDN pertinenti e controlla gli override dei template del tema.

Salva blocchi, collocazioni e tema prima di disinstallare. Il modulo rimuove le iniezioni tracciate nei template prima di eliminare le voci di menu e chiamare la pulizia dello schema. Se non riesce a rimuoverle, la disinstallazione segnala un errore per consentirti di correggere l'accesso ai file e riprovare. Le tabelle del modulo vengono rimosse dalla pulizia dello schema; esporta prima i contenuti da conservare.

Richiede PrestaShop 1.6.1 o successivo e PHP 7.1 o successivo.