adding and linking CMS page on PrestaShop 1.6.x

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

PrestaShop est purement une plate-forme de commerce électronique et possède également une grande capacité de gestion de contenu. Bien que vous ne disposiez pas de 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 ajouter une page de système de gestion de contenu sur la boutique PrestaShop. En outre, nous verrons également comment vous pouvez relier cette page au menu 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’administrateur.

Étape 2: Allez dans 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 le bouton “Ajouter une nouvelle page CMS”dans le coin supérieur droit de la page.

Ajouter une nouvelle page de 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.

Enregistrer les modifications sur le CMS

Étape 5: notez l’ID de page du CMS affiché dans la première colonne de la liste des pages du CMS. Vous aurez besoin de cet identifiant plus tard.

Étape 6: Maintenant, allez dans Module >> Positions 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.

Positions du module

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 ci-dessous:

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

Étape 2:  Allez dans 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 du CMS affiché dans la première colonne de la liste des pages du CMS. Vous aurez besoin de cet identifiant plus tard. Enregistrez les modifications.

Ajout d’un lien de la page du 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 à l’ accès cPanel si votre hôte en a fourni un.

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

themes / themeXXX / modules / blockpermanentlinks   

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

Éditez, le fichier blockpermanentlinks-header.tpl . 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 la liste dans le code représente un élément de menu dans l’en-tête. Par exemple, ce code représente un élément du menu d’en-tête nommé sitemap:

<li id = "header_link_sitemap"> </a> ls = 'sitemap' mod = 'blockpermanentlinks'} </a> </ li>

É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, modifiez le code copié à celui-ci:

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

Étape 6: enregistrez le fichier. Vous avez maintenant ajouté un lien vers la page du CMS nommée “new” qui avait l’identifiant de page “8”.

Ajout d’un lien de la page du CMS au menu Pied de page

Comment ajouter un lien de la page CMS au menu Pied de page de Prestashop 1.7.x?

Nous allons maintenant relier la même page au menu de bas de page de Prestashop 1.7.x.

Étape 1: Accédez à Design -> widget Lien . Cela affichera les blocs actuellement affichés sur votre site.

lien-widget

Étape 2:  Pour ouvrir un paramètre de bloc parmi ceux existants, cliquez sur le bouton Modifier correspondant.

lien-bloc

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-details

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

Comment ajouter un lien de la page du CMS au menu Pied de page de Prestashop 1.6.x?

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

Étape 1: Accédez au panneau d’administration, accédez à «Modules et services >> Modules et services», puis recherchez le module «Bloc CMS» .

Panneau d'administration

Étape 2: Cliquez sur le bouton Configurer .

Étape 3: Recherchez la section «CONFIGURATION DES DIFFÉRENTS LIENS DANS LA PIED-DE-BAS». Ici, si vous trouvez votre page CMS récemment 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 page en page et enfin lié au menu En-tête et pied de page. Mais c’était une seule page que nous avions créée. Et si vous deviez lier plus de pages? Chaque fois, éditer les codes est un travail assez fatiguant.

Y a-t-il un moyen plus facile de faire cela sans jouer avec le code?

Oui bien sûr! Le module Page Maker de PrestaShop  par Knowband a été conçu pour répondre à cet objectif. Franchement, il y a beaucoup plus que cela 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: Accédez au menu Knowband Page Maker dans la barre de menus de gauche.

Knowband Page Maker

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

Étape 3: L’interface Ajouter une nouvelle page se compose des quatre onglets. Dans l’ onglet Paramètres communs , renseignez 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 «Afficher sur l’en-tête du menu» . Vous devez simplement activer cette option et votre page nouvellement ajoutée sera instantanément liée au menu d’en-tête.

Affichage sur l'en-tête du menu

Outre la facilité de création des pages du 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 page Prestashop est la fonctionnalité multilingue. Ainsi, les pages de destination peuvent être créées dans plusieurs langues, selon les besoins 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 les meilleurs vendeurs, les nouveautés, les produits en vedette et les produits spéciaux.
  • Le module de création de pages de destination Prestashop permet même à l’administrateur d’aligner le contenu à gauche, à droite ou au centre sans modifier le code CSS du site. Ceci est 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 à rester optimisé pour le référencement.
  • En outre, 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 du système de gestion de contenu.
  • L’addon Prestashop crée des pages mobiles. Ainsi, le site restera optimisé pour l’utilisateur mobile même après la création de nouvelles pages Web.

De conclure

C’était très rapide. Avec le module Prestashop Page Maker, nous avons établi la liaison en un instant – 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 très 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 *