{"id":2389,"date":"2022-02-24T22:36:32","date_gmt":"2022-02-24T20:36:32","guid":{"rendered":"https:\/\/www.h-hennes.fr\/blog\/?p=2389"},"modified":"2022-03-30T22:15:24","modified_gmt":"2022-03-30T20:15:24","slug":"prestashop-utiliser-les-pages-cms-comme-des-blocks","status":"publish","type":"post","link":"https:\/\/www.h-hennes.fr\/blog\/2022\/02\/24\/prestashop-utiliser-les-pages-cms-comme-des-blocks\/","title":{"rendered":"Prestashop : Utiliser les pages cms comme des blocks"},"content":{"rendered":"\n

Vous souhaitez afficher des contenus \u00e9ditables depuis l’administration un peu partout dans votre th\u00e8me ?
C’est tr\u00e8s facile \u00e0 faire et nous allons voir comment. ( Pour un usage basique directement dans les fichiers smarty )
L’id\u00e9e est d’utiliser les pages cms de Prestashop.
Pour les ranger, vous pouvez faire une cat\u00e9gorie cms d\u00e9sactiv\u00e9e \u00ab\u00a0Blocs Cms\u00a0\u00bb et mettre toutes les pages dedans.

Pour g\u00e9rer l’affichage nous allons cr\u00e9er un module hhcmspagewidget
Et le contenu de la page de d\u00e9mo sera le suivant.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Fonctionnement basique<\/h3>\n\n\n\n

Pour un fonctionnement de base le code suivant sera suffisant<\/p>\n\n\n\n

class Hhcmspagewidget extends Module implements WidgetInterface\n{\n\n    public function __construct()\n    {\n        $this->name = 'hhcmspagewidget';\n        $this->tab = 'others';\n        $this->version = '0.1.0';\n        $this->author = 'hhennes';\n        $this->bootstrap = true;\n        parent::__construct();\n\n        $this->displayName = $this->l('Hh Cms page widget');\n        $this->description = $this->l('Allow to display cms page as block through a widget');\n    }\n\n\n    \/**\n     * [FRONT OFFICE] Widget utilis\u00e9 pour afficher le bloc cms\n     * @param string $hookName\n     * @param array $configuration\n     * @return string\n     *\/\n    public function renderWidget($hookName = null, array $configuration)\n    {\n        if ( isset($configuration['id_cms']) ){\n            return $this->getWidgetVariables($hookName,$configuration);\n        }\n\n        return '';\n    }\n\n    \/**\n     * [FRONT OFFICE] Widget utilis\u00e9 pour r\u00e9cup\u00e9rer les informations d'affichage\n     * @param string $hookName\n     * @param array $configuration\n     * @return string\n     *\/\n    public function getWidgetVariables($hookName = null, array $configuration)\n    {\n        try {\n            \n            $idCms = (int)$configuration['id_cms'];\n            $cms = new CMS($idCms,$this->context->language->id);\n\n            \/\/Ex\u00e9cution du hook pour appliquer le filtrage des contenus cms\n            if ( false != $this->context->controller) {\n                $cmsVar = $this->context->controller->objectPresenter->present($cms);\n                $filteredCmsContent = Hook::exec(\n                    'filterCmsContent',\n                    ['object' => $cmsVar],\n                    null,\n                    false,\n                   true,\n                    false,\n                    null,\n                    true\n                );\n                if (!empty($filteredCmsContent['object'])) {\n                    $cmsVar = $filteredCmsContent['object'];\n                }\n                return $cmsVar['content'];\n            } else {\n                return $cms->content;\n            }\n        } catch (Exception $e){\n            return '';\n        }\n    }\n\n}\n<\/pre>\n\n\n\n
Le module impl\u00e9mente juste une fonctionnalit\u00e9 native des modules Prestashop, les widgets ( cf. https:\/\/devdocs.prestashop.com\/1.7\/development\/components\/smarty-extensions\/#widgets<\/a> )
Ceci nous permettra d\u2019appeler facilement notre module et de charger les pages cms avec la syntaxe suivante dans n’importe quel fichier tpl<\/p>\n\n\n\n
{widget name='hhcmspagewidget' id_cms=10}\n<\/pre>\n\n\n\n
Et voici le rendu front tout marche comme pr\u00e9vu \ud83d\ude42<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
Optimisation <\/h3>\n\n\n\n
Cette m\u00e9thode tr\u00e8s basique est fonctionnelle, mais dans le cas ou on utilise plusieurs instances l’utilisation des identifiants techniques va vite poser probl\u00e8me.
Car ils peuvent \u00e9voluer de mani\u00e8re ind\u00e9pendante sur chaque instance et comme le code est partag\u00e9 on va se retrouver avec des contenus incoh\u00e9rent.

Une solution pratique va donc \u00eatre de rajouter un identifiant unique sur les pages via notre module.
A partir de la version 1.7.6 <\/strong>
On peut suivre le tutoriel : https:\/\/www.h-hennes.fr\/blog\/2019\/08\/05\/prestashop-1-7-ajouter-des-champs-dans-un-formulaire-dadministration\/<\/a> 
Sur l’entit\u00e9 CmsPage

Version inf\u00e9rieures :
<\/strong> il faut suivre la logique de ce tutoriel : <\/strong>https:\/\/www.h-hennes.fr\/blog\/2017\/06\/21\/prestashop-ajouter-des-champs-dans-un-formulaire-dadministration\/<\/a>
<\/strong><\/p>\n
Les captures et le module fournis en exemple ci-dessous ne sont compatibles qu’avec Prestashop 1.7.6 et +<\/strong><\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
Une fois ce nouveau champ mis en place , nous pourrons charger le contenu via son identifiant unique.
Et ainsi \u00eatre s\u00fbr de charger le bon bloc peut importe l’environnement \ud83d\ude42<\/p>\n\n\n\n
{widget name='hhcmspagewidget' cms_identifier='demo-blog'}\n<\/pre>\n\n\n\n
T\u00e9l\u00e9charger le module complet ( et gratuit ) sur la boutique<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Vous souhaitez afficher des contenus \u00e9ditables depuis l’administration un peu partout dans votre th\u00e8me ?C’est tr\u00e8s facile \u00e0 faire et nous allons voir comment. ( Pour un usage basique directement dans les fichiers smarty )L’id\u00e9e est d’utiliser les pages cms de Prestashop.Pour les ranger, vous pouvez faire une cat\u00e9gorie cms d\u00e9sactiv\u00e9e \u00ab\u00a0Blocs Cms\u00a0\u00bb et mettre […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[245],"tags":[110,104,483],"class_list":["post-2389","post","type-post","status-publish","format-standard","hentry","category-prestashop-2","tag-cms","tag-prestashop","tag-prestashop-1-7","prestashop-1-4","prestashop-1-7","prestashop-1-7-7","prestashop-1-7-8","prestashop-8-1"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t