Perché dovremmo aggiungere un blocco HTML personalizzato sul nostro negozio PrestaShop?
L’aggiunta di un blocco HTML personalizzato nel sito Web PrestaShop può migliorarne la funzionalità o lo stile generale consentendo ai proprietari dei negozi di includere testi, immagini, collegamenti o altri elementi HTML personalizzati nel sito Web e questi blocchi possono essere aggiunti per mostrare contenuti diversi su controller diversi o pagine…
Il processo di aggiunta di un blocco HTML personalizzato nel negozio PrestaShop è simile per tutte le versioni.
Per aggiungere un blocco personalizzato, utilizzeremo un modulo personalizzato nel negozio PrestaShop.
Perché un modulo personalizzato?
La flessibilità e una più stretta integrazione all’interno di un negozio online sono i due principali vantaggi della creazione di un blocco HTML su misura utilizzando uno specifico modulo PrestaShop e questa strategia funziona particolarmente bene quando i proprietari dei negozi hanno criteri specifici che i moduli preesistenti non soddisfano o quando si aggiungono nuove funzionalità senza modificare i file principali della piattaforma.
Scegliendo di creare un modulo personalizzato, i proprietari dei negozi PrestaShop possono personalizzare con precisione l’aspetto del proprio ambiente di eCommerce in modo che corrisponda ai propri obiettivi di marketing e alle strategie di interazione con i clienti e questa personalizzazione consente un’ulteriore personalizzazione dell’esperienza dell’utente, che può aumentare la soddisfazione e la fedeltà del cliente e oltre a ciò, offre agli imprenditori la flessibilità necessaria per adattarsi rapidamente alle mutevoli tendenze del mercato e mantenere un vantaggio competitivo includendo funzionalità uniche che aumentano la soddisfazione del cliente e l’efficienza operativa.
Di seguito è riportata una guida passo passo su come creare e utilizzare un blocco HTML personalizzato nel negozio PrestaShop:-
Passaggio 1: creare file di base e directory dei moduli
- Aggiungi una nuova directory: Passare alla directory dei moduli di installazione di PrestaShop e creare una nuova cartella denominata “miobloccohtml’.
- File principale PHP: Per favore crea un file chiamato ‘miohtmlblocco.php‘ all’interno di questa directory. Questo file conterrà la classe principale del tuo modulo.
Passaggio 2: codifica il modulo
Apri “myhtmlblock.php” e aggiungi il seguente codice PHP per definire il tuo modulo:
Assicurati inoltre che in ogni cartella del modulo HTML sia presente un file denominato “index.php” con il codice seguente:
Passaggio 3: aggiungi un file modello
Crea una struttura di cartelle all’interno della directory del modulo in questo modo: views/templates/hook e all’interno della directory hook, crea un file denominato ‘displayHome.tpl’:
Tieni presente che, all’inizio del file Modello, è stato aggiunto un commento sul percorso del file e sul suo nome per mostrare lo stesso nel contenuto HTML del tuo negozio.
Passaggio 4: se lo si desidera, includere una pagina di configurazione
Se il proprietario del negozio desidera rendere configurabile il contenuto HTML dal pannello di amministrazione, dovrà implementare un modulo di configurazione nel metodo ‘getContent()’ della classe del modulo e, di conseguenza, l’amministratore o il proprietario del negozio sarà in grado di farlo modificare il testo HTML senza modificare il codice.
Passaggio 5: installazione del modulo
- Accedi al pannello di amministrazione di PrestaShop.
- In Moduli scegli Gestione moduli.
- Fai clic su “Carica un modulo” e seleziona il file zip del tuo modulo oppure trova il tuo modulo nell’elenco dei moduli se è già sul server.
- Seleziona “Installa”.
Passaggio 6: posizionare il modulo su altri ganci (opzionale)
Il blocco HTML personalizzato in Prestashop dovrà essere visualizzato in diversi punti del sito web PrestaShop, quindi dovremo modificare il metodo “install()” del modulo per registrare più hook. Ogni hook ha un punto designato sul sito web in cui è possibile mostrare il contenuto.
I ganci tipici includono quanto segue:
- displayFooter
- displayColonnaSinistra
- displayColonnaDestra
- displayProductAdditionalInfo
- displayTop
Passaggio 7: testa il modulo
Dopo l’installazione, vai alla home page del tuo sito per vedere il tuo nuovo blocco HTML personalizzato in azione.
Se hai aggiunto un modulo di configurazione, prova a modificare il contenuto del blocco HTML tramite il back office di PrestaShop per vedere se si aggiorna correttamente.
Questo approccio ti dà il pieno controllo su ciò che fa il tuo modulo e su dove appare all’interno del tuo sito PrestaShop, rendendolo un modo potente per personalizzare la funzionalità e il design del tuo negozio.
In caso di domande/suggerimenti, è possibile contattare il nostro portale di supporto tecnico al nostro indirizzo e-mail support@knowband.com.
Dai un’occhiata al nostro modulo bestseller Supercheckout di una pagina per Prestashop ed Plug-in per la creazione di app mobili Android e iOS Opencart qui e puoi migliorare le immagini dei prodotti nel tuo negozio utilizzando il file Addon per designer / personalizzatore di prodotti Prestashop.
Inoltre, puoi guardare i nostri ultimi video qui:
