adding and linking CMS page on PrestaShop 1.6.x

Come aggiungere una pagina CMS su PrestaShop 1.6.xe 1.7.x collegata con il menu di intestazione e piè di pagina?

PrestaShop è puramente una piattaforma di eCommerce ma possiede anche un’ottima capacità CMS. Anche se non disponi dei controlli completi come nelle piattaforme CMS, puoi comunque raggiungere tutti i tuoi requisiti di base come CMS con PrestaShop.

In questo post, prendendo PrestaShop1.6.xe 1.7.x come versione di destinazione, ho intenzione di spiegare come è possibile aggiungere una pagina CMS sul tuo negozio PrestaShop. Inoltre, vedremo come collegare questa pagina al menu header / footer.

Aggiunta di una pagina CMS su PrestaShop 1.6.x

Passo 1: Accedi al tuo back-office PrestaShop come utente amministratore.

Passo 2: Vai a Preferenze >> CMS.? Here you will see all the CMS pages created on your PrestaShop store.

Preferenze-CMS

Passo 3: Fare clic su “Aggiungi nuova pagina CMS” pulsante nell’angolo in alto a destra della pagina.

Aggiungi nuova pagina CMS

Passo 4: Successivamente, è necessario compilare tutti i campi richiesti. Dopo aver riempito i campi, basta abilitare la pagina e “Salva” le modifiche.

Salva le modifiche su CMS

Passo 5: Annotare l’ID della pagina CMS visualizzato nella prima colonna dell’elenco delle pagine CMS. Avrai bisogno di questo ID più tardi.

Passo 6: Ora vai Modulo >> Posizionie controlla quale modulo mostra il menu orizzontale superiore nel tuo modello. L’ho trovato nella sezione “displayTop” della posizione nella mia versione.

Module-Posizioni

Aggiunta di una pagina CMS su PrestaShop 1.7.x

Allo stesso modo per aggiungere una pagina CMS nella versione 1.7.x di Prestashop, seguire i passaggi indicati di seguito:

Passaggio 1:  accedere al back-office di PrestaShop come utente amministratore.

Passaggio 2:  vai a  Dashboard >> Migliora >> Progetta >> Paginecome mostrato nell’immagine seguente:

design

Passaggio 3.  Fai clic sul pulsante “Aggiungi nuova pagina” nell’angolo in alto a destra della pagina.

nuova pagina

Passaggio 4:  Successivamente, è necessario compilare tutti i campi richiesti. Dopo aver riempito i campi, basta abilitare la pagina e “Salva” le modifiche.

creare-CMS-page

Passaggio 5: annotare l’ID pagina CMS visualizzato nella prima colonna dell’elenco delle pagine CMS. Avrai bisogno di questo ID più tardi. Salva le modifiche.

Aggiunta di un collegamento della pagina CMS al menu dell’intestazione

Passo 1: Collegati ai file del tuo sito accedendo al tuo account FTP. Puoi usare fileZilla per accedere ai file o al cPanel access se l’ospite ne ha fornito uno.

Passo 2: Ora, vai alla seguente directory di file:

temi / themeXXX / moduli / blockpermanentlinks

PS: “themeXXX” è il nome del tuo tema.

Modificare, blockpermanentlinks-header.tpl file. Puoi utilizzare qualsiasi editor di testo o codice. Sto usando Netbeans per la modifica.

Passo 3: Ciascun elemento dell’elenco nel codice qui rappresenta un elemento di menu nell’intestazione. Ad esempio questo codice rappresenta un elemento del menu di intestazione denominato sitemap:

<li id = "header_link_sitemap"> <a href="{$link-> getPageLink ('sitemap') | escape: 'html'} "title =" {ls = 'sitemap' mod = 'blockpermanentlinks'} "> { ls = 'sitemap' mod = 'blockpermanentlinks'} </a> </ li>

Passo 4: Copia quella riga di codice e incollala su una nuova riga accanto a quella che hai copiato.

Passo 5: Ora, cambia il codice copiato in questo:

<li> <a href="{$link-> getCMSLink ('8', 'new') | escape: 'html'} "title =" {ls = 'new' mod = 'blockpermanentlinks'} "> {ls = 'new' mod = 'blockpermanentlinks'} </a> </ li>

Passo 6: Salva il file. Ora è stato aggiunto un collegamento alla pagina CMS denominata “nuova” con ID pagina “8”.

Aggiunta di un collegamento della pagina CMS al menu Piè di pagina

Come aggiungere un collegamento della pagina CMS al menu Piè di pagina di Prestashop 1.7.x?

Collegheremo ora la stessa pagina al menu footer di Prestashop 1.7.x.

Passaggio 1: vai a Design -> Link widget . Questo mostrerà i blocchi che sono attualmente visualizzati sul tuo sito.

link-widget di

Passaggio 2:  per aprire un’impostazione di blocco da quelle esistenti, fare clic sul pulsante Modifica corrispondente ad essa.

a glifo

Per attivare la pagina appena creata e renderla visibile, seleziona la casella di controllo corrispondente al titolo. Puoi trovare il link alla tua pagina CMS nel footer.

link-Widget-dettagli

 

Ora collegheremo la stessa pagina al menu dei piè di pagina.

Come aggiungere un collegamento della pagina CMS al menu Piè di pagina di Prestashop 1.6.x?

Seguire i passaggi indicati di seguito per collegare la stessa pagina al menu footer di Prestashop 1.6.x.

Passo 1: Vai al tuo pannello di amministrazione e vai a “Moduli e servizi >> Moduli e servizi” e di ricerca “Blocco CMS” modulo.

Pannello di Amministrazione

Passo 2: Fare clic su Configurazione pulsante.

Passo 3: Cerca la sezione “CONFIGURAZIONE DEI LINK VARI NEL PIEDE”. Qui, se trovi la pagina CMS appena aggiunta nell’elenco.

Collegamento alla pagina CMS nel menu Piè di pagina

Passo 4: Abilita la tua pagina facendo clic sulla casella di controllo nella prima colonna. Fare clic sul pulsante “Salva” per applicare le modifiche. Ora hai aggiunto un collegamento alla pagina CMS nel menu Piè di pagina.

Un modo più semplice per creare pagine CMS su Prestashop

Bene, quello era un vero spettacolo. Abbiamo creato una pagina, modificato i codici, navigato da pagine a pagine e infine collegato al menu Intestazione e piè di pagina. Ma quella era solo una singola pagina che abbiamo creato, e se fosse necessario collegare più pagine? Ogni volta che si modificano i codici è un lavoro piuttosto stancante.

C’è un modo più semplice per farlo senza fare casino con il codice?

Sì, naturalmente! Il Modulo Maker pagina PrestaShop è stato progettato per servire allo scopo preciso. Francamente, c’è molto di più che può offrire. Per ora, vediamo come puoi usare questo modulo per creare pagine CMS e aggiungerle al link dell’intestazione senza modificare il codice.

Passo 1: Vai a Knowband Page Maker menu nella barra dei menu a sinistra.

Knowband Page Maker

Passo 2: Nella schermata successiva, fare clic su “Aggiungi nuova pagina” pulsante.

Passo 3: L’interfaccia Aggiungi nuova pagina è composta dalle quattro schede. In Impostazioni comuni scheda, compila tutti i dettagli.

Passo 4: Dopo aver completato i dettagli, vedrai un’opzione alla fine della pagina “Mostra intestazione menu”. Devi solo abilitare questa opzione e la tua pagina appena aggiunta verrà immediatamente collegata al menu Header.

Visualizza su Menu Header

Concludere

E ‘stato molto veloce Con il modulo Page Maker, abbiamo fatto il collegamento in un attimo di tempo – i semplici passaggi di 4 per essere precisi. Fortunatamente, non abbiamo dovuto modificare alcun codice. Hai più opzioni per eseguire lo stesso compito qui, entrambe le opzioni sono abbastanza aperte, ora puoi scegliere quale è il migliore per te.

Questo mi piaceva? Ti piaceranno anche questi

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *