Aller au contenu principal

Module: Landing page

Dans ce tutoriel, nous vous proposons un module exemple pour créer et gérer une landing page en utilisant le module Groupes de Champs Personnalisés. Ce module exemple montre comment utiliser des répéteurs et des répéteurs flexibles pour créer des blocs de contenu adaptables et réarrangeables.

Fonctionnalités du module​

Ce module d'exemple comprend les fonctionnalités suivantes :

  • Gestion d'une page de contenu : Créez et gérez une page via un module basé sur des groupes de champs.
  • Répéteurs et répéteurs flexibles : Utilisez des répéteurs et des répéteurs flexibles pour différents blocs de page, permettant ainsi un contenu dynamique et réarrangeable.
  • Contenu adaptable : Mettez à jour et réorganisez facilement les blocs de contenu selon vos besoins.

Contenu du module​

Le fichier zip du module exemple comprend les fichiers et répertoires suivants :

├── controllers/
│   └── front/
│       └── page.php
├── install/
│   └── ex_module_landing_page.json
├── views/
│   └── templates/
│       ├── front.css
│       └── page.tpl
└── landingpagemodule.php
  • landingpagemodule.php : Le fichier principal du module, gérant l'installation et la gestion des menus.
  • controllers/front/page.php : Le contrôleur frontend pour afficher la page.
  • install/ex_module_landing_page.json : La configuration du groupe de champs utilisée pour ce module, automatiquement créée lors de l'installation du module.
  • views/templates/page.tpl : Le template Smarty pour la page.
  • views/templates/front.css : Le fichier CSS pour le style de la page.

Utilisation du module exemple​

  1. Téléchargez le module

    Téléchargez le module complet

  2. Extrayez et téléchargez le module

    Extrayez le fichier zip téléchargé et téléchargez le dossier landingpagemodule dans le répertoire modules de votre installation Prestashop.

  3. Installez le module

    Naviguez vers Modules > Gestionnaire de modules dans le back office de Prestashop, recherchez le module "Landing page", et cliquez sur "Installer". Pendant l'installation, la configuration du groupe de champs install/ex_module_landing_page.json sera automatiquement créée.

  4. Configurez le module

    Après l'installation, allez dans Modules > Gestionnaire de modules et cliquez sur "Configurer" pour le module. Vous verrez le formulaire généré par le groupe de champs, vous permettant de gérer le contenu de votre page en utilisant des répéteurs et des répéteurs flexibles.

  5. Accédez à la page d'accueil

    La page est accessible via le contrôleur frontend à l'URL spécifiée par le module (par exemple, http://yourshop.com/module/landingpagemodule/page).

Rendu frontal (thème Prestashop par défaut)​

field preview

Rendu du formulaire​

field preview