Importer un gabarit html

De Centre Documentation PowerBoutique
Aller à : navigation, rechercher

Mise en oeuvre


Chemins et liens internes


Les fichiers générés par la commande "Appliquer FR/US" sont placés dans un dossier de l'arborescence situé au premier niveau comme /site. C'est le dossier /boutique. Il n'est pas accessible avec le "gestionnaire de fichier. Ce changement de chemin lors de "l'appliquation" doit être prévu dans le code du gabarit. Quand normalement les liens relatifs vers les images d'un dossier /img auraient été:

 <img src="img/background_image.jpg">

on utilisera:

 <img src="../site/img/background_image.jpg">

Il peut être utile d'utiliser l'export des URLs du site généré grâce à la fonction "Base de données URLs". Dans tout les cas il est conseillé de travailler en utilisant des liens relatifs (obligatoire quand le nom de domaine definitif n'est pas encore actif).



Chemin des fichiers appellés


Images, feuilles de style ...

Le répertoire sur le serveur PowerBoutique où vous stockez vos fichiers sur le FTP s'appelle "site".

Le chemin d'appel de vos medias sur votre page étant par exemple images/image1.jpg

Vous placerez dans la fonction "import gabarits HTML" votre page et le répertoire de medias. Ils seront donc toujours au même niveau.

Par contre, lorsque vous allez appliquer votre gabarit à votre site, cela aura pour conséquence de changer le répertoire de votre page alors que le répertoire de vos medias restera dans le répertoire "site".



Application du gabarit au site


Une fois votre page et ses medias chargés sur sur le serveur PowerBoutique, vous devez appliquer votre page au site de la façon suivante dans la fonction "Paramétrages" > "Import gabarits HTML" :

  1. Cochez la case à côté de votre gabarit
  2. Cliquez sur Appliquer FR (ou Appliquer US pour la version anglaise), vous accédez à la liste des fichiers que vous pouvez personnaliser (la colonne gabarit vous indiquant le gabarit appliqué aux fichiers. Si vous n’avez pas appliqué de gabarit personnel, la mention "défaut" apparaît)
  3. Choisissez sur quels fichiers vous souhaitez appliquer le gabarit en cochant la ou les cases correspondantes (si toutes les pages, cocher "tous les fichiers (hors page d’intro)" ; si vous voulez que la page soit en amont du catalogue, il s’agit de la page d’introduction)
  4. Cliquez sur « OK » en bas de liste



Tester le gabarit avant de l'appliquer au site


Vous avez la possibilité de tester votre gabarit en utilisant la fonction fichiers personnels.

Cette fonction, présente en bas de la page "Import gabarits Fichiers FR" ou "Import gabarits Fichiers US", vous permet de créer autant de pages que vous le désirez. Elles devront être en .htm ou .html et seront transformées automatiquement en .cfm une fois intégrées en tant que fichiers personnels. Elles peuvent comporter des codes DEV qui seront remplacés par les modules dynamiques correspondants.

Cette fonction vous permet également de tester vos gabarits avant de les appliquer à votre site.

Voici la procédure pour créer un fichier personnel :

  1. Créez votre page HTML, chargez la sur sur le serveur PowerBoutique avec ses dossiers medias
  2. Cochez la case à gauche de votre page dans "import gabarits HTML"
  3. Cliquez sur Appliquer FR ou Appliquer US (si vous avez une version anglaise).
  4. En bas de page, dans la partie "fichiers personnels", indiquez le nom de votre page, puis cliquez sur "ajouter".

Vous pouvez visualiser votre page en cliquant sur le fichier en .cfm ainsi créé.



Exemples d'application