Templates de sites préfabriqué

Les templates de sites préfabriqués transforment InfraSStudio en kit complet de mise en route. En quelques minutes, un site Dolibarr Website vide devient un site corporate ou éditorial opérationnel, avec catalogue produits, blog, formulaire de contact et neuf pages cousues sur un design moderne. Aucun code à toucher, aucune ligne de configuration à éditer : Dolibarr crée le site, et InfraSStudio applique le reste en arrière-plan dès le prochain chargement d'une page admin.

Deux univers de design

Le module livre deux templates aux esthétiques opposées, conçus pour deux types de positionnement : Vibrant pour une présence corporate énergique, Editorial pour un ton de revue ou de cabinet de conseil. Chaque template embarque le même socle fonctionnel — neuf pages, un catalogue produit, un blog dynamique, un formulaire de contact branché sur le pipeline InfraSStudio — mais sa charte typographique et sa palette diffèrent radicalement.

Template

Design

Cible

Vibrantwebsite_infrasstudio-vibrant.zip

Dégradés violet → orange, typographie Inter avec touches manuscrites Caveat, hero plein écran, CTA en pilule, cartes avec ombre douce.

B2C, agences, lancements produit, communication énergique.

Editorialwebsite_infrasstudio-editorial.zip

Fond sombre charcoal, typographie Playfair Display serif, layouts asymétriques, accents orange minimalistes.

Cabinet de conseil, publication éditoriale, contenu premium, signature graphique forte.

Les neuf pages livrées

Chaque template fournit un site complet et cohérent, prêt à être rempli avec votre propre contenu. Les pages sont déjà reliées entre elles par la navigation, et le catalogue ainsi que le blog sont dynamiques : ils s'alimentent automatiquement depuis les produits Dolibarr et les articles publiés, sans aucune édition de gabarit.

Page

Rôle

menu

Navigation principale (logo, cinq liens, CTA).

footer

Pied de page en quatre colonnes avec réseaux sociaux.

index

Page d'accueil : hero, trois services mis en avant, extrait dynamique du catalogue.

about

Page « À propos » : histoire de l'entreprise et trois valeurs.

catalog

Catalogue produit dynamique, alimenté depuis

llx_product

avec filtres par univers et type.

product-detail

Fiche produit unique servie automatiquement par les wrappers

solution-<ref>.php

.

blog

Index blog : liste dynamique des articles publiés.

blog-welcome

Article de démonstration prêt à éditer, sert d'exemple pour le rédacteur.

contact

Page contact avec un formulaire branché sur le pipeline complet (tiers + ticket + notifications).

Chaque template comporte une soixantaine de slots éditables, fournis avec leur valeur par défaut en français et leur traduction anglaise pré-remplie via l'attribut default_en=.... Un rédacteur peut écraser n'importe quelle valeur sans toucher au HTML.

Importer un template

Les templates apparaissent dans la liste native des modèles de site de Dolibarr — aucun outil tiers n'est nécessaire. La procédure est identique à celle d'un template officiel Dolibarr :

  1. Ouvrir Module Site Internet → Nouveau site → Choisir un modèle.
  2. Sélectionner website_infrasstudio-vibrant ou website_infrasstudio-editorial dans la galerie.
  3. Donner un identifiant au site (par exemple monsite) et valider.

Dolibarr décompresse le ZIP, crée le site dans llx_website, dépose les neuf pages dans llx_website_page et copie les SVG placeholders dans les médias du site. À ce stade, le site existe mais n'est pas encore exploitable : il faut que la pipeline d'auto-configuration tourne pour que tout soit aligné.

Note — Modèles non visibles — Si vous ne voyez pas les templates InfraSStudio dans la galerie, ouvrez Outils → InfraS → InfraSStudio → Configuration et cliquez sur « Rafraîchir les modèles ». Le module recompresse alors les dossiers doctemplates/websites/ et les place dans DOL_DATA_ROOT/doctemplates/websites/ où Dolibarr les scanne pour la galerie. Utile après une mise à jour du module ou un déplacement de fichiers.

Auto-configuration plug-and-play

Au prochain chargement d'une page d'administration Dolibarr (par exemple l'éditeur du site qui s'ouvre juste après l'import), un hook InfraSStudio détecte que le site embarque un manifest de seed encore non appliqué. La pipeline d'auto-configuration se déclenche alors automatiquement et exécute sept étapes consécutives en quelques secondes :

Étape

Effet

Catégories

Crée les catégories produit nécessaires si elles n'existent pas (lookup idempotent sur le label).

Produits démo

Crée six produits factices catégorisés, avec traductions FR/EN, badges, extrafields. Permet au catalogue d'être immédiatement peuplé.

Médias

Enregistre les SVG placeholders dans

llx_infrasstudio_media

avec leur alt par locale.

Constantes

Pose

INFRASSTUDIO_WEBSITE_KEY

et

INFRASSTUDIO_PUBLIC_DOCROOT

avec auto-détection du docroot Apache (cascade en cinq niveaux, voir le chapitre Constantes).

Site géré

Ajoute le site à

INFRASSTUDIO_MANAGED_SITES

pour qu'il apparaisse dans le Studio.

Patch des gabarits

Insère dans chaque

pageN.tpl.php

l'invocation du moteur de slots, avant le rendu final de Dolibarr.

Scan des slots + wrappers

Détecte les tokens

{{slot:...}}

dans le HTML, peuple

llx_infrasstudio_slot

, génère les wrappers

solution-<ref>.php

.

Un message setEventMessages de Dolibarr confirme la fin de l'opération : « InfraSStudio : site auto-configuré ». Le site est désormais consultable en public, avec ses slots résolus en valeurs par défaut, son catalogue alimenté, son formulaire de contact opérationnel et ses informations de société automatiquement injectées (nom, email, adresse) à la place des données génériques du template.

Note — Filet de sécurité — Si l'import a été fait via la ligne de commande ou l'API REST (cas où le hook doActions ne se déclenche pas), un cron horaire scanne INFRASSTUDIO_MANAGED_SITES et applique le seed sur tout site dont le manifest n'a pas encore été appliqué. La pipeline se déclenche également à chaque connexion d'un administrateur, ce qui couvre les imports réalisés sans interaction admin immédiate.

Personnaliser après import

Une fois le site auto-configuré, deux interfaces se complètent pour la personnalisation.

Éditeur Studio

L'éditeur Studio (Outils → InfraS → InfraSStudio → Éditeur) ouvre le site dans une interface trois colonnes : arborescence des pages à gauche, aperçu live au centre, inspector de slot à droite. Le rédacteur clique sur n'importe quel élément du site dans l'aperçu pour ouvrir l'éditeur du slot correspondant — titre, paragraphe, image, icône, couleur. Aucun HTML à toucher, aucune connaissance technique requise.

Supprimer les produits de démonstration

Les six produits démo créés par le seed sont utiles pour visualiser le catalogue tout de suite, mais ils n'ont pas vocation à rester en production. L'éditeur Produits du Studio affiche un bandeau qui propose deux actions en un clic :

Le bandeau disparaît automatiquement dès qu'aucun produit démo n'est détecté dans l'entité. Aucun risque d'effacer des produits réels — le filtre se base sur les références demo-* posées par le seed.

Re-patch automatique des gabarits

Dolibarr régénère les fichiers pageN.tpl.php à chaque enregistrement dans son éditeur de pages — ce qui écrase notre invocation du moteur de slots. Le hook InfraSStudio intercepte ces sauvegardes (action=updatesource ou overwritesite) et re-patche le fichier immédiatement après. Plus aucune manipulation manuelle n'est nécessaire : vous pouvez éditer librement vos pages dans Dolibarr, les slots InfraSStudio continueront de fonctionner.

Récapitulatif

Vous savez désormais :


Revision #1
Created 2026-05-28 09:18:58 UTC by Lucky Ranasolonirina
Updated 2026-05-28 09:19:27 UTC by Lucky Ranasolonirina