{"id":5032,"date":"2017-06-09T07:26:08","date_gmt":"2017-06-09T07:26:08","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=4529"},"modified":"2026-08-10T09:57:30","modified_gmt":"2026-08-10T09:57:30","slug":"comment-ajouter-une-page-cms-sur-prestashop-1-6-x-lie-au-menu-tete-et-pied-de-page","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/fr\/prestashop-fr\/comment-ajouter-une-page-cms-sur-prestashop-1-6-x-lie-au-menu-tete-et-pied-de-page\/","title":{"rendered":"Comment ajouter une page CMS sur PrestaShop 1.6.x et 1.7.x li\u00e9e avec le menu en-t\u00eate et pied de page ?"},"content":{"rendered":"

<\/head><\/p>\n

PrestaShop<\/a> est purement une plate-forme de commerce \u00e9lectronique et poss\u00e8de \u00e9galement une excellente capacit\u00e9 CMS. Bien que vous ne disposiez pas des contr\u00f4les \u00e0 part enti\u00e8re comme sur les plates-formes CMS, vous pouvez toujours r\u00e9pondre \u00e0 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 \u00e9galement comment vous pouvez lier cette page au menu d’en-t\u00eate\/pied de page.<\/p>\n

Ajouter une page CMS sur PrestaShop 1.6.x<\/h2>\n

\u00c9tape 1 :<\/strong> Connectez-vous \u00e0 votre back-office PrestaShop en tant qu’utilisateur administrateur.<\/p>\n

\u00c9tape 2 :<\/strong> Cliquez sur Pr\u00e9f\u00e9rences>>CMS<\/strong>.\ufffd Ici, vous verrez toutes les pages CMS cr\u00e9\u00e9es sur votre boutique PrestaShop.<\/p>\n

\"Pr\u00e9f\u00e9rences-CMS\"<\/a><\/p>\n

\u00c9tape 3 :<\/strong> Cliquez sur “Ajouter une nouvelle page CMS”<\/strong> bouton dans le coin sup\u00e9rieur droit de la page.<\/p>\n

\"Ajouter<\/a><\/p>\n

\u00c9tape 4 :<\/strong> Ensuite, vous devez remplir tous les champs obligatoires. Apr\u00e8s avoir rempli les champs, activez simplement la page et “Enregistrer” les modifications.<\/p>\n

\"Enregistrez<\/a><\/p>\n

\u00c9tape 5 :<\/strong> Notez l’ID de page CMS affich\u00e9 dans la premi\u00e8re colonne de la liste des pages CMS. Vous aurez besoin de cette pi\u00e8ce d’identit\u00e9 plus tard.<\/p>\n

\u00c9tape 6 :<\/strong> Maintenant, allez \u00e0 Module>>M\u00e9tiers<\/strong>, et v\u00e9rifiez quel module affiche le menu horizontal sup\u00e9rieur dans votre mod\u00e8le. Je l’ai trouv\u00e9 dans la section “displayTop” de la position dans ma version.<\/p>\n

\"Module-Positions\"<\/a><\/p>\n

Ajouter une page CMS sur PrestaShop 1.7.x<\/h2>\n

De m\u00eame pour ajouter une page CMS dans la version 1.7.x de Prestashop, suivez les \u00e9tapes mentionn\u00e9es ci-dessous :<\/p>\n

\u00c9tape 1 :<\/strong>Connectez-vous \u00e0 votre back-office PrestaShop en tant qu’utilisateur administrateur.<\/p>\n

\u00c9tape 2 :<\/strong>“Aller \u00e0”Tableau de bord>>Am\u00e9liorer>>Conception>>Pages<\/strong> comme indiqu\u00e9 dans l’image ci-dessous:<\/p>\n

\"conception\"<\/a><\/p>\n

\u00c9tape 3 :<\/strong>Cliquez sur le bouton “Ajouter une nouvelle page” dans le coin sup\u00e9rieur droit de la page.<\/p>\n

\"nouvelle<\/a><\/p>\n

\u00c9tape 4 :<\/strong>\ufffdEnsuite, vous devez remplir tous les champs obligatoires. Apr\u00e8s avoir rempli les champs, activez simplement la page et “Enregistrer” les modifications.<\/p>\n

\"cr\u00e9er-cms-page\"<\/a><\/p>\n

\u00c9tape 5 :<\/strong> Notez l’ID de page CMS affich\u00e9 dans la premi\u00e8re colonne de la liste des pages CMS. Vous aurez besoin de cette pi\u00e8ce d’identit\u00e9 plus tard. Enregistrez les modifications.<\/p>\n

Ajout d’un lien de la page CMS au menu d’en-t\u00eate<\/h2>\n

\u00c9tape 1 :<\/strong> Connectez-vous aux fichiers de votre site en vous connectant \u00e0 votre compte FTP. Vous pouvez utiliser Filezilla<\/a> pour acc\u00e9der aux fichiers ou aux Acc\u00e8s cPanel<\/a> si votre h\u00e9bergeur en a fourni un.<\/p>\n

\u00c9tape 2 :<\/strong> Maintenant, acc\u00e9dez au r\u00e9pertoire de fichiers suivant :<\/p>\n

th\u00e8mes\/th\u00e8meXXX\/modules\/bloquerleslienspermanents\ufffd\ufffd\ufffd<\/em> <\/strong><\/p>\n

PS : “themeXXX” est le nom de votre th\u00e8me.<\/p>\n

Modifier, blockpermanentlinks-header.tpl<\/strong> d\u00e9poser. Vous pouvez utiliser n’importe quel \u00e9diteur de texte ou de code. J’utilise Netbeans pour l’\u00e9dition.<\/p>\n

\u00c9tape 3 :<\/strong> Chacun des \u00e9l\u00e9ments de liste dans le code repr\u00e9sente ici un \u00e9l\u00e9ment de menu dans l’en-t\u00eate. Par exemple, ce code repr\u00e9sente un \u00e9l\u00e9ment de menu d’en-t\u00eate nomm\u00e9 sitemap :<\/p>\n

getPageLink('sitemap')|escape:'html'}\" title=\"{l s='sitemap' mod='blockpermanentlinks'}\">{ls='sitemap' mod='blockpermanentlinks'}\n<\/pre>\n
\u00c9tape 4 :<\/strong> Copiez cette ligne de code et collez-la sur une nouvelle ligne \u00e0 c\u00f4t\u00e9 de celle que vous avez copi\u00e9e.<\/p>\n
\u00c9tape 5 :<\/strong> Maintenant, remplacez le code copi\u00e9 par celui-ci :<\/p>\n
getCMSLink('8', 'new')|escape:'html'}\" title=\"{l s='new' mod='blockpermanentlinks'}\">{ls='new' mod='blockpermanentlinks'}\n<\/pre>\n
\u00c9tape 6 :<\/strong> Enregistrez le fichier. Vous avez maintenant ajout\u00e9 un lien vers la page CMS nomm\u00e9 “nouveau” qui avait l’ID de page “8”.<\/p>\n
Ajout d’un lien de la page CMS au menu Footer<\/h2>\n
Comment Ajouter un lien de la page CMS au menu Footer de Prestashop 1.7.x ?<\/h3>\n
Nous allons maintenant lier la m\u00eame page au menu de pied de page de Prestashop 1.7.x.<\/p>\n
\u00c9tape 1 :<\/strong> Cliquez sur Design \ufffd > Widget lien<\/strong>. Cela affichera les blocs qui sont actuellement affich\u00e9s sur votre site.<\/p>\n
\"lien-widget\"<\/a><\/p>\n
\u00c9tape 2:  <\/strong>Afin d’ouvrir un param\u00e8tre de blocage \u00e0 partir de ceux existants, cliquez sur le bouton Modifier qui lui correspond.<\/p>\n
\"bloc<\/a><\/p>\n
Pour activer la page nouvellement cr\u00e9\u00e9e et la rendre visible, cochez la case correspondant \u00e0 son titre. Vous pouvez trouver le lien vers votre page CMS dans le pied de page.<\/p>\n
\"lien-widget-d\u00e9tails\"<\/a><\/p>\n
Nous allons maintenant lier la m\u00eame page au menu de pied de page.<\/p>\n
Comment Ajouter un lien de la page CMS au menu Footer de Prestashop 1.6.x ?<\/h3>\n
Suivez les \u00e9tapes mentionn\u00e9es ci-dessous pour lier la m\u00eame page au menu de pied de page de Prestashop 1.6.x.<\/p>\n
\u00c9tape 1 :<\/strong> Acc\u00e9dez \u00e0 votre panneau d’administration et acc\u00e9dez \u00e0 “Modules & Services >> Modules & Services”<\/strong> et la recherche “Bloc CMS”<\/strong> module.<\/p>\n
\"Panneau<\/a><\/p>\n
\u00c9tape 2 :<\/strong> Cliquez sur le Configurer<\/strong> .<\/p>\n
\u00c9tape 3 :<\/strong> Recherchez la rubrique “CONFIGURATION DES DIFFERENTS LIENS EN PIED DE PAGE”. Ici, si vous trouvez votre page CMS nouvellement ajout\u00e9e dans la liste.<\/p>\n
\"Lien<\/a><\/p>\n
\u00c9tape 4 :<\/strong> Activez votre page en cliquant sur la case \u00e0 cocher dans la premi\u00e8re colonne. Cliquez sur le bouton “Enregistrer” pour appliquer les modifications. Vous avez maintenant ajout\u00e9 un lien vers votre page CMS dans le menu Pied de page.<\/p>\n
Un moyen plus simple de cr\u00e9er des pages CMS sur Prestashop<\/h2>\n
Eh bien, c’\u00e9tait tout un spectacle. Nous avons cr\u00e9\u00e9 une page, modifi\u00e9 les codes, navigu\u00e9 de pages en pages et enfin l’avons li\u00e9e au menu En-t\u00eate et pied de page. Mais ce n’\u00e9tait qu’une seule page que nous avons cr\u00e9\u00e9e, que se passe-t-il si vous avez besoin de lier plus de pages ? Chaque fois que l’\u00e9dition des codes est un travail assez fatigant.<\/p>\n
Existe-t-il un moyen plus simple de le faire sans jouer avec le code?<\/h3>\n
Oui bien s\u00fbr! le Module Cr\u00e9ateur de pages PrestaShop<\/a>\ufffdby Knowband a \u00e9t\u00e9 con\u00e7u pour servir le but exact. Franchement, il y a beaucoup plus qu’il peut offrir<\/a>. Pour l’instant, voyons comment utiliser ce module pour cr\u00e9er des pages CMS et les ajouter au lien d’en-t\u00eate sans modifier le code.<\/p>\n
\u00c9tape 1 :<\/strong> Cliquez sur Cr\u00e9ateur de pages Knowband<\/strong> menu dans la barre de menu de gauche.<\/p>\n
\"Cr\u00e9ateur<\/a><\/p>\n
\u00c9tape 2 :<\/strong> Dans l’\u00e9cran suivant, cliquez sur “Ajouter une nouvelle page”<\/strong> .<\/p>\n
\u00c9tape 3 :<\/strong> L’interface Ajouter une nouvelle page se compose de quatre onglets. Dans le Param\u00e8tres communs<\/strong> onglet, remplissez tous les d\u00e9tails. Vous pouvez donner un titre de page, un nom de lien de page et une URL de page personnalis\u00e9e.<\/p>\n
\u00c9tape 4 :<\/strong> Apr\u00e8s avoir rempli les d\u00e9tails, vous verrez une option \u00e0 la fin de la page “Affichage sur l’en-t\u00eate du menu”<\/strong>. Vous devez simplement activer cette option et votre page nouvellement ajout\u00e9e sera instantan\u00e9ment li\u00e9e dans le menu d’en-t\u00eate.<\/p>\n
\"Afficher<\/a><\/p>\n
En plus de la facilit\u00e9 de cr\u00e9ation des pages CMS, l’addon Prestashop CMS Page Maker offre un certain nombre d’autres fonctionnalit\u00e9s. Certains d’entre eux sont discut\u00e9s ci-dessous:<\/p>\n