Comment ajouter une page CMS sur PrestaShop 1.6.x et 1.7.x liée avec le menu en-tête et pied de page ?

adding and linking CMS page on PrestaShop 1.6.x

PrestaShop est purement une plate-forme de commerce électronique et possède également une excellente capacité CMS. Bien que vous ne disposiez pas des contrôles à part entière comme sur les plates-formes CMS, vous pouvez toujours répondre à toutes vos exigences de base en tant que CMS avec PrestaShop. Dans cet article, en prenant PrestaShop 1.6.x et 1.7.x comme version cible, Je vais vous expliquer comment vous pouvez ajouter une page CMS sur la boutique PrestaShop. De plus, nous verrons également comment vous pouvez lier cette page au menu d’en-tête/pied de page.

Ajouter une page CMS sur PrestaShop 1.6.x

Étape 1 : Connectez-vous à votre back-office PrestaShop en tant qu’utilisateur administrateur.

Étape 2 : Cliquez sur Préférences>>CMS.� Ici, vous verrez toutes les pages CMS créées sur votre boutique PrestaShop.

Préférences-CMS

Étape 3 : Cliquez sur “Ajouter une nouvelle page CMS” bouton dans le coin supérieur droit de la page.

Ajouter une nouvelle page CMS

Étape 4 : Ensuite, vous devez remplir tous les champs obligatoires. Après avoir rempli les champs, activez simplement la page et “Enregistrer” les modifications.

Enregistrez les modifications sur le CMS

Étape 5 : Notez l’ID de page CMS affiché dans la première colonne de la liste des pages CMS. Vous aurez besoin de cette pièce d’identité plus tard.

Étape 6 : Maintenant, allez à Module>>Métiers, et vérifiez quel module affiche le menu horizontal supérieur dans votre modèle. Je l’ai trouvé dans la section “displayTop” de la position dans ma version.

Module-Positions

Ajouter une page CMS sur PrestaShop 1.7.x

De même pour ajouter une page CMS dans la version 1.7.x de Prestashop, suivez les étapes mentionnées ci-dessous :

Étape 1 :Connectez-vous à votre back-office PrestaShop en tant qu’utilisateur administrateur.

Étape 2 :“Aller à”Tableau de bord>>Améliorer>>Conception>>Pages comme indiqué dans l’image ci-dessous:

conception

Étape 3 :Cliquez sur le bouton “Ajouter une nouvelle page” dans le coin supérieur droit de la page.

nouvelle page

Étape 4 :�Ensuite, vous devez remplir tous les champs obligatoires. Après avoir rempli les champs, activez simplement la page et “Enregistrer” les modifications.

créer-cms-page

Étape 5 : Notez l’ID de page CMS affiché dans la première colonne de la liste des pages CMS. Vous aurez besoin de cette pièce d’identité plus tard. Enregistrez les modifications.

Ajout d’un lien de la page CMS au menu d’en-tête

Étape 1 : Connectez-vous aux fichiers de votre site en vous connectant à votre compte FTP. Vous pouvez utiliser Filezilla pour accéder aux fichiers ou aux Accès cPanel si votre hébergeur en a fourni un.

Étape 2 : Maintenant, accédez au répertoire de fichiers suivant :

thèmes/thèmeXXX/modules/bloquerleslienspermanents���

PS : “themeXXX” est le nom de votre thème.

Modifier, blockpermanentlinks-header.tpl déposer. Vous pouvez utiliser n’importe quel éditeur de texte ou de code. J’utilise Netbeans pour l’édition.

Étape 3 : Chacun des éléments de liste dans le code représente ici un élément de menu dans l’en-tête. Par exemple, ce code représente un élément de menu d’en-tête nommé sitemap :

getPageLink('sitemap')|escape:'html'}" title="{l s='sitemap' mod='blockpermanentlinks'}">{ls='sitemap' mod='blockpermanentlinks'}

Étape 4 : Copiez cette ligne de code et collez-la sur une nouvelle ligne à côté de celle que vous avez copiée.

Étape 5 : Maintenant, remplacez le code copié par celui-ci :

getCMSLink('8', 'new')|escape:'html'}" title="{l s='new' mod='blockpermanentlinks'}">{ls='new' mod='blockpermanentlinks'}

Étape 6 : Enregistrez le fichier. Vous avez maintenant ajouté un lien vers la page CMS nommé “nouveau” qui avait l’ID de page “8”.

Nous allons maintenant lier la même page au menu de pied de page de Prestashop 1.7.x.

Étape 1 : Cliquez sur Design � > Widget lien. Cela affichera les blocs qui sont actuellement affichés sur votre site.

lien-widget

Étape 2: Afin d’ouvrir un paramètre de blocage à partir de ceux existants, cliquez sur le bouton Modifier qui lui correspond.

bloc de liens

Pour activer la page nouvellement créée et la rendre visible, cochez la case correspondant à son titre. Vous pouvez trouver le lien vers votre page CMS dans le pied de page.

lien-widget-détails

Nous allons maintenant lier la même page au menu de pied de page.

Suivez les étapes mentionnées ci-dessous pour lier la même page au menu de pied de page de Prestashop 1.6.x.

Étape 1 : Accédez à votre panneau d’administration et accédez à “Modules & Services >> Modules & Services” et la recherche “Bloc CMS” module.

Panneau d'administration

Étape 2 : Cliquez sur le Configurer .

Étape 3 : Recherchez la rubrique “CONFIGURATION DES DIFFERENTS LIENS EN PIED DE PAGE”. Ici, si vous trouvez votre page CMS nouvellement ajoutée dans la liste.

Lien vers la page CMS dans le menu Pied de page

Étape 4 : Activez votre page en cliquant sur la case à cocher dans la première colonne. Cliquez sur le bouton “Enregistrer” pour appliquer les modifications. Vous avez maintenant ajouté un lien vers votre page CMS dans le menu Pied de page.

Un moyen plus simple de créer des pages CMS sur Prestashop

Eh bien, c’était tout un spectacle. Nous avons créé une page, modifié les codes, navigué de pages en pages et enfin l’avons liée au menu En-tête et pied de page. Mais ce n’était qu’une seule page que nous avons créée, que se passe-t-il si vous avez besoin de lier plus de pages ? Chaque fois que l’édition des codes est un travail assez fatigant.

Existe-t-il un moyen plus simple de le faire sans jouer avec le code?

Oui bien sûr! le Module Créateur de pages PrestaShop�by Knowband a été conçu pour servir le but exact. Franchement, il y a beaucoup plus qu’il peut offrir. Pour l’instant, voyons comment utiliser ce module pour créer des pages CMS et les ajouter au lien d’en-tête sans modifier le code.

Étape 1 : Cliquez sur Créateur de pages Knowband menu dans la barre de menu de gauche.

Créateur de pages Knowband

Étape 2 : Dans l’écran suivant, cliquez sur “Ajouter une nouvelle page” .

Étape 3 : L’interface Ajouter une nouvelle page se compose de quatre onglets. Dans le Paramètres communs onglet, remplissez tous les détails. Vous pouvez donner un titre de page, un nom de lien de page et une URL de page personnalisée.

Étape 4 : Après avoir rempli les détails, vous verrez une option à la fin de la page “Affichage sur l’en-tête du menu”. Vous devez simplement activer cette option et votre page nouvellement ajoutée sera instantanément liée dans le menu d’en-tête.

Afficher sur l'en-tête du menu

En plus de la facilité de création des pages CMS, l’addon Prestashop CMS Page Maker offre un certain nombre d’autres fonctionnalités. Certains d’entre eux sont discutés ci-dessous:

  • La meilleure chose à propos de ce module de création de pages Prestashop est la fonctionnalité multilingue. Ainsi, les pages de destination peuvent être créées dans plusieurs langues selon les exigences de l’administrateur du magasin.
  • L’URL de la page créée peut être liée à l’en-tête sans entrer dans les détails techniques mentionnés ci-dessus.
  • Outre le contenu générique, l’administrateur a même la possibilité d’afficher également les meilleures ventes, les nouveautés, les produits en vedette et les produits spéciaux.
  • L’addon Prestashop Landing Page Maker permet même à l’administrateur d’aligner le contenu à gauche, à droite ou au centre sans apporter de modifications au CSS du site. Cela se fait juste à un clic de bouton.
  • Grâce à la facilité de création des métadonnées, l’extension de création de page pour Prestashop vous aide à l’optimiser pour le référencement.
  • De plus, vous pouvez même personnaliser les codes CSS pour personnaliser l’apparence des pages Web.
  • Parallèlement à la création, le créateur de pages Prestashop vous permet également de modifier ou de supprimer les pages CMS.
  • L’addon Prestashop crée des pages adaptées aux mobiles. Ainsi, le site restera optimisé pour l’utilisateur mobile même après la création de nouvelles pages Web.

En conclusion

C’était très rapide. Avec le module Prestashop Page Maker, nous avons fait le lien en un clin d’œil – 4 étapes simples pour être exact. Heureusement, nous n’avons pas eu à éditer de code. Vous avez plusieurs options pour effectuer la même tâche ici, les deux options sont assez ouvertes, vous pouvez maintenant choisir celle qui vous convient le mieux.

 

Aimait ça? Vous aimerez ces trop

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 *