Qu'est-ce qu'un template ?
Un template est un modèle de présentation des données.
Dans notre cas, le système de template de Wizishop permet de structurer et mettre en forme une boutique en ligne.
Le template est structuré en plusieurs pages (HTML). Pour pouvoir utiliser le système de template, vous devez donc avoir de bonnes connaissances dans ce langage.
Comment fonctionne le système de template de Wizishop ?
Le template est structuré en plusieurs éléments.
Tout d'abord la structure principale des pages est la même que lors de la création d'un site HTML classique. Il faut bien penser à séparer le contenu et la forme.
Ainsi, nous recommandons de structurer le contenu en XHTML et de mettre en forme à l'aide de feuilles de style CSS (Voir le chapitre XHTML, CSS et normes du web).
Le nom des pages et leur fonction sont déjà définis. Vous pouvez trouver la liste des différentes pages ici.
Après avoir réalisé le gabarit HTML de votre boutique en ligne, vous allez placer un certain nombre de variables et de boucles dans les pages. C'est ce qui va permettre de rendre dynamique la boutique en ligne. Ces différentes variables et boucles vont renvoyer sur le site les informations contenues dans la base de données.
Dans les chapitres suivants, vous trouverez la liste des différentes variables et la liste des différentes boucles.
Comment créer son propre template ?
Pour créer son propre template, il faut générer un compte FTP via l'administration de la boutique en ligne. Allez dans Apparence & Personnalisation > Graphisme de la boutique et cliquez sur “Personnaliser mon graphisme”. Le système va dupliquer le template par défaut et vous créer un compte FTP pour que vous puissiez créer votre propre template.
Vous pouvez partir du template par défaut et le modifier pour obtenir la charte graphique que vous avez imaginé ou partir de zéro. Dans tous les cas, n'oubliez pas de faire des sauvegardes régulières.
Le système de cache permet d’améliorer les performances du serveur en enregistrant de façon temporaire les différentes pages de votre site. Ainsi lorsqu’un visiteur consulte votre page d’accueil par exemple, le serveur ne va pas interroger la base de données à chaque consultation mais renvoyer les informations enregistrées temporairement. Ce cache est bien entendu mis à jour lorsque vous allez faire des opérations (changement de prix, de stock, publication ou suppression de produits, etc.).
Comment fonctionne le système de cache ?
2 types de cache
Nous déployons deux types de cache sur vos boutiques. Le cache navigateur et le cache FTP.
Le cache navigateur est un cache classique utilisé par tous les navigateurs modernes. Les images, les javascripts et les CSS sont enregistrés dans le navigateur du client lors de sa première consultation. Cela permet une navigation plus fluide. Par exemple une fois le logo de votre boutique chargé sur le navigateur du client, lorsque celui-ci visite les autres pages, le logo n’a pas besoin d’être téléchargé à nouveau, le navigateur lui renvoie instantanément la même image.
Du coup, si vous chargez un logo qui a le même nom ou modifiez le CSS sans le renommer, le navigateur va penser qu’il s’agit du même fichier et ne va pas le charger à nouveau. Vous ne verrez donc pas de changement sur votre site à moins de changer de navigateur ou de vider votre cache (CTRL + F5 la plus part du temps).
Pour éviter ce problème, si vous avez un design personnalisé, nous vous conseillons de mettre un paramètre lors de l’appel du css ou de l’image afin de faire croire à votre navigateur qu’il s’agit d’un autre fichier. Dans cette logique de mise en cache, vous trouverez une mise à jour pour vous permettre de rassembler tous vos CSS et vos javascripts afin d'optimiser le temps d'affichage des pages (voir la mise à jour « Combo CSS et JS »).
A chaque modification du CSS ou des javascripts, n’oubliez donc pas la dernière étape. Il faut ajouter un paramètre nouveau (ex : &25, la fois d’après &26, etc.) à la fin de vos appels pour obliger le rechargement des éléments par le navigateur de vos visiteurs afin qu’ils puissent voir vos derniers changements.
Le cache navigateur est utilisé depuis le début dans WiziShop et la méthode pour le rafraichir n’a pas changé.
Par contre, nous avons modifié les règles pour le cache FTP.
Le cache FTP permet de mettre en cache les éléments du template. Une fois vos pages chargées sur le FTP, nous devons les générer en version HTML. Cette opération est donc mise en cache également pour améliorer les performances d’affichage.
A chaque manipulation sur le FTP, afin de contrôler les changements, vous devez à présent régénérer le cache. Pour cela, nous avons mis au point une procédure simple. Il vous suffit de vous connecter à votre compte sur l’administration et de cliquer sur votre boutique.
Le template est alors reconstruit et vous voyez les résultats sur votre site.