Thémes graphiques

Le script permet de modifier entièrement le site à partir d'un nombre restreints de fichiers à modifier :

• couleurs et taille des objects : fichier CSS
• contenu des pages principales : fichier HTML

Le script propose un mode « par thème » qui permet de regrouper l'ensemble des fichiers clés qui constitue le théme de votre site dans un même endroit. Cela permet aussi de changer de thème rapidement. Enfin, ce mode est compatible avec la mise à jour de votre site.

Mode « par thème »

Ce mode est toujours activé par défaut avec le thème standard. Celui-ci regroupe, sous le répertoire /themes/standard, l'ensemble des fichiers de mise ne forme du site.

Choix du thème

Le théme général doit être choisi dans le menu CONFIGURATION > THEME. Ce champ liste les sous-répertoires détectés dans le répertoire theme du site.

Fichiers du théme

Le contenu type est le suivant mais on peut par la suite ajouter des fichiers et les référencer dans la configuration du site.

Fichiers de gestion de la page d'accueil

Ces fichiers gèrent la page d'accueil uniquement (si elle est activée)

Fichiers génériques

Ces fichiers agissent sur la totalité du site.

Modification des fichiers

Ces fichiers sont au format texte /HTML. Ils peuvent contenir des mots-clef (SHORT-CODES) qui vont être interprétés par le script au moment du chargement de la page. Le Script remplacera alors automatiquement ces SHORT-CODES par du contenu auto-généré (widgets dynamiques ou autres) à partir des données du site ou activera des actions qui permettront de connecter cette page au script. Voir la liste de tous les SHORT-CODES

Le contenu des fichiers est modifiable directement par l’interface de gestion ADMIN > GESTION FICHIERS > FICHIERS DU THEME

Exemple de modification de la page d'accueil

• cliquez sur ADMIN > GESTION FICHIERS > FICHIERS DU THEME
• choisir le fichier _home_page.html et cliquer sur l'icon edit

• modifier le contenu, sauvegarder et recharger la page d'accueil > le nouveau contenu est alors affiché.

On peut également retrouver et modifier les fichiers directement en accédant en FTP à l’arborescence suivante : {racine}/themes/{nomdutheme}xxxx

Le thème standard affiche une page de type «FULL-SCREEN» (sans bare latérale) avec une large image en entête. Cette image doit être assez large pour ne pas être déformées sur des écrans très larges. La taille recommandée minimale est de 1500px par 500px.

Chemin des fichers

Les fichiers doivent être liés aux différentes zones et contexte du site. Lors de la première installation, ces liaisons sont faites pour le thème standard mais vous pouvez décider de les modifier pour des raisons de test (A/B testing par exemple) ou autres.

Suivant la nature de la liaison, vous pourrez entrer le nom simple du fichier ou une url relative à la racine du site. Si vous entrer le nom simple du fichier, automatiquement le script utilisera le fichier du même nom dans le théme indiqué. Les champs qui permettent un entrée nom simple sont indiqué avec une icon en forme de dossier comme indiqué ci-dessous

Changer l'image d'entête

Le thème standard affiche une page de type «FULL-SCREEN» (sans bare latérale) avec une large image en entête. Cette image doit être assez large pour ne pas être déformée sur des tailles d'écran très larges. La taille recommandée minimale est de 1 500px par 500px. Vous pouvez changer cette image via le menu ADMIN > CONFIGURATION > THEME

Vous pouvez ajouter un fichier depuis votre ordinateur. Il sera automatiquement chargé dans le repertoire courant du théme choisi. L'url sera visible et copiée dans le champ de fonfiguration. N'oubliez pas de valider en sauvegardant les modifications.

Vous pouvez aussi indiquer l'URL de tout fichier sur le site ou un autre site distant. Si vous entrez uniquement un nome de fichier (exemple : bg-food.jpg), assurez vous que ce fichier est présent dans le sous repertoire /img du theme.

Créer son propre théme

Il est possible de créer son propre théme en clonant le théme standard de base dans un autre répertoire (en changeant de nom) en gardant la structure des fichiers. Aprés avoir rechargé le site (reload), ce nouveau thème apparaitra en selection et vous pourrez alors changer les fichiers.

Thème en mode sombre

Le script propose nativement une variante du thème en mode sombre. L'avantage est qu'il vous permettra de ménager vos yeux, mais également de faire des économies d'énergie sur les appareils équipés d'un écran OLED, ce dernier ne s'allumant pas pour afficher le noir.

Une icone apparait en haut de la page pour sélectionner ce mode ou revenir au mode normal à tout moment.

Pour plus d’information, consulter la page mode sombre

Thème admin

Pour l'interface d'administration, on peut choisir d'utiliser le thème du site principal (ON) ou de garder le thème générique par défaut (OFF).

Logos

Le logo principal du site est configuré dans le menu CONFIGURATION > METAS/SEO. Il sera affiché en entête du site . Taille recommandée : Hauteur max de 50px .

Le Favion est aussi configuré dans ce menu.

Un logo de bas de page peut aussi être conguguré dans le menu CONFIGURATION > DETAILS. Il sera affiché en bas de pasge dans le zone appelée dashboard.

Configuration

Pour les pages statiques du site ainsi que les interfaces de paiments comme PAYPAL ou aute, on peut aussi indiquer un autre logo dans le menu CONFIGURATION > DETAILS. Le chemin devra être absolut indiqué ci-dessous.

Pour les entête des emails oou les factures PDF,on peut aussi indiquer un autre logo dans le menu CONFIGURATION > DETAILS. Le chemin devra être absolut indiqué ci-dessous.

En entête des emails

En entête des factures PDF