Guide d’activation pour le template Lookbook

Remarques importantes avant de commencer
Étape 1 : importez le nouveau template
Étape 2 : apportez quelques modifications
Étape 3 : activez le template
Annexe

Remarques importantes avant de commencer

Certaines modifications ont un impact immédiat sur votre boutique en ligne !
Nous vous recommandons de configurer le template aux heures où votre boutique est la moins fréquentée (la nuit, par exemple). La configuration prend environ 1 à 2 heures.

Avez-vous créé une copie de sauvegarde ?
Si vous utilisez déjà un autre template, créez une sauvegarde de celui-ci et du contenu de votre page d’accueil avant d’installer le nouveau :

Comment créer une copie de sauvegarde du template
Comment créer une copie de sauvegarde du contenu de la page d’accueil

Les options de personnalisation sont limitées. Veuillez noter que toute modification apportée au template, non mentionnée dans cette documentation, se fait sous votre propre responsabilité.
Assurez-vous que votre boutique répond à toutes les exigences indiquées pour chaque template du Templates store.
Le template présente huit produits sur la page d’accueil. Vous pouvez les désigner ou les supprimer sous Contenu/Catégories >> Vue des données techniques >> Produits.
Pour modifier les polices et les couleurs, vous pouvez utiliser le mode Création rapide de l’interface d’administration sans aucune restriction.
Vous pouvez repositionner des éléments de page (comme le champ de recherche) et en ajouter, mais nous vous le déconseillons, car il est impossible de garantir un positionnement exact.
L’icône du panier ne peut pas être modifiée.

Étape 1 : importez le nouveau template

Dans le menu principal de l’interface d’administration, sélectionnez Style puis Mes templates.
Faites défiler la page jusqu’en bas et sélectionnez Importer un template.

Veuillez noter que les étapes suivantes entraînent la suppression du contenu de votre page d’accueil.
Il peut s’agir de texte, d’images ou d’autres éléments présents sur la page de départ en plus des listes de produits.

Pour enregistrer une copie de sauvegarde de votre contenu, veuillez réaliser ces étapes avant de passer aux étapes 3 et 4.

Cliquez sur le bouton Sélectionner un fichier, puis ouvrez le dossier dans lequel vous avez décompressé le fichier que nous vous avons envoyé. Sélectionnez ensuite le fichier du template, par exemple exemple.template.zip. Cochez la case Remplacer la page de départ au cours de l’importation.
Sélectionnez Import.
Si l’importation s’est correctement déroulée, le template est répertorié au bas de la page Mes templates.

Félicitation, votre activité sur le web commence maintenant !

Saviez-vous qu’il était possible de modifier le template avant de l’activer ?

Afin de disposer de plus de temps pour la mise en place, nous vous recommandons d’apporter des modifications avant d’activer le nouveau template. Il vous suffit de suivre attentivement les étapes suivantes pour garantir la bonne installation du template avant son activation dans votre boutique.

Étape 2 : apportez quelques modifications

Même si le template est prêt à l’emploi, certaines modifications sont nécessaires lors d’un changement de style, comme le remplacement des images de substitution du template par les vôtres.

Modifier l’image supérieure

Pour remplacer le paramètre de substitution dans la zone d’en-tête, vous devez fournir une image d’une taille de 1100 x 40 pixels (dimensions recommandées).

Comment remplacer l’image supérieure

Dans le menu principal de l’interface d’administration, sélectionnez Style puis Mes templates.
Recherchez le template que vous avez importé, puis sélectionnez Lancer la création avancée pour celui-ci.
Cliquez sur la zone d’en-tête en haut de l’aperçu.
Sélectionnez Insérer le fichier.
Pour télécharger ou choisir un fichier, sélectionnez Vos fichiers.
Si vous souhaitez télécharger un autre fichier, sélectionnez Télécharger les fichiers, puis téléchargez une image stockée sur votre ordinateur, sinon passez à l’étape suivante.
Sélectionnez l’image que vous souhaitez utiliser. Veuillez tenir compte des tailles d’image prédéfinies (de préférence, 1100 x 40 pixels).
Sélectionnez OK.
Dans l’aperçu, l’image supérieure présente un texte de substitution ainsi qu’un lien. Pour modifier ces deux éléments, placez le pointeur de la souris sur le texte, puis sélectionnez l’icône représentant un crayon. Si les paramètres de substitution ne sont pas visibles, suivez ces instructions.
Modifiez le texte.
Si vous souhaitez ajouter un lien au texte, sélectionnez le texte à utiliser comme lien, cliquez dessus avec le bouton droit de la souris, puis choisissez Modifier le lien. Sinon, passez à l’étape 15.
Sélectionnez Pages.
Sélectionnez la page de votre boutique vers laquelle le lien doit renvoyer.
Sélectionnez Appliquer.
Sélectionnez Appliquer.
Enregistrez les modifications.

L’image supérieure et son texte sont désormais modifiés.

Comment remplacer le logo de la boutique

Dans le menu principal de l’interface d’administration, sélectionnez Style puis Mes templates.
Recherchez le template que vous avez importé, puis sélectionnez Lancer la création avancée pour celui-ci.
Dans l’aperçu, le logo contient une image de substitution. Pour remplacer celle-ci, placez le pointeur de la souris sur le bouton, puis sélectionnez l’icône représentant un crayon. Si les paramètres de substitution ne sont pas visibles, suivez ces instructions.
Sélectionnez Vos fichiers.
Si vous souhaitez télécharger un autre fichier, sélectionnez Télécharger les fichiers, puis téléchargez une image stockée sur votre ordinateur, sinon passez à l’étape suivante.
Sélectionnez l’image que vous souhaitez utiliser. Veuillez tenir compte des tailles d’image prédéfinies (de préférence, 230 x 28 pixels).
Sélectionnez OK
Enregistrez les modifications.

Votre logo est désormais remplacé.

Modifier les icônes et les liens présents dans le pied de page

Vous pouvez afficher différentes icônes dans le pied de page de votre boutique. Il est, par exemple, possible d’y intégrer des icônes des réseaux sociaux vers vos comptes Facebook ou Twitter.

Si vous souhaitez afficher des icônes de ce type, vous devez d’abord les sélectionner, puis définir les liens correspondants.

La taille de l’icône doit être de 24 x 24 pixels.

Les icônes des réseaux sociaux, utilisées dans la démonstration disponible dans le Templates store ePages, ne sont pas incluses dans le template que vous avez acheté, mais vous pouvez les télécharger gratuitement aux adresses suivantes :

Vous pouvez également afficher d’autres types d’icônes dans le pied de page, comme les icônes de groupes logistiques.

Comment sélectionner des icônes de pied de page et définir leur lien

Dans le menu principal de l’interface d’administration, sélectionnez Style puis Mes templates.
Recherchez le template que vous avez importé, puis sélectionnez Lancer la création avancée pour celui-ci.
Dans l’aperçu, le pied de page se trouve au bas de la page. Des paramètres de substitution sont disponibles pour les icônes. Si les paramètres de substitution ne sont pas visibles, suivez ces instructions.

Placez le pointeur de la souris sur le pied de page, puis sélectionnez l’icône représentant un crayon.
Cliquez avec le bouton droit de la souris sur l’image à modifier, puis sélectionnez Image.
Sélectionnez Télécharger une image.
Si vous souhaitez télécharger un autre fichier, sélectionnez Télécharger les fichiers, puis téléchargez une image stockée sur votre ordinateur, sinon passez à l’étape suivante.
Sélectionnez l’icône que vous souhaitez utiliser.
Sélectionnez Appliquer.
Si votre image est trop grande, vous pouvez saisir la largeur et la hauteur appropriées, mais nous vous recommandons de redimensionner correctement vos images avant de les télécharger. Pour éviter la déformation de l’image, le cadenas représenté dans l’icône doit être fermé. La taille recommandée est de 24 x 24 pixels.
Sélectionnez OK.
Cliquez avec le bouton droit de la souris sur l’icône que vous venez d’insérer, puis sélectionnez Modifier le lien.
1Modifiez le texte du lien (Lien texte) et l’adresse Web sous Lien vers un autre site Web. Le texte du lien (Lien texte) apparaît lorsqu’un visiteur de votre boutique place le pointeur de la souris sur l’image ; c’est ce qu’on appelle la balise ALT. Si vous renvoyez vers un site externe, nous vous recommandons de cocher l’option Nouvelle fenêtre Cela permet d’ouvrir le lien dans une nouvelle fenêtre du navigateur afin que les visiteurs qui cliquent dessus ne quittent pas votre boutique.
Sélectionnez Appliquer.
Si vous souhaitez modifier d’autres icônes, reprenez les étapes 4 à 13. Sinon, passez à l’étape suivante.
Si votre boutique est disponible en plusieurs langues, sélectionnez une autre langue et reprenez les étapes 4 à 14, ce pour chacune d’elles. Si aucun texte n’est affiché dans les autres langues, veuillez suivre ces instructions.
Sélectionnez Appliquer.
Enregistrez les modifications.

Les nouvelles icônes sont désormais intégrées.

Modifier les images d’en-tête et d’accroche

Votre template comporte une grande image d’en-tête et deux images d’accroche sous celle-ci. Vous devez remplacer les paramètres de substitution par vos propres images.

Nous vous recommandons d’utiliser une taille de 1100 x 552 pixels pour l’image d’en-tête et de 535 x 402 pixels pour les images d’accroche.

Comment remplacer les images d’en-tête et d’accroche

Sélectionnez Contenu/Catégories puis Vue des données techniques.
Sélectionnez Général.
Les paramètres de substitution pour les images d’accroche se trouvent sous Description longue. Si les paramètres de substitution ne sont pas visibles, suivez ces instructions.
Cliquez avec le bouton droit de la souris sur le paramètre de substitution à modifier, puis sélectionnez Image.
Sélectionnez Télécharger une image.
Si vous souhaitez télécharger un autre fichier, sélectionnez Télécharger les fichiers, puis téléchargez une image stockée sur votre ordinateur, sinon passez à l’étape suivante.
Sélectionnez l’image que vous souhaitez utiliser.
Sélectionnez Appliquer.
Si votre image est trop grande, vous pouvez saisir la largeur et la hauteur appropriées, mais nous vous recommandons de redimensionner correctement vos images avant de les télécharger. Pour éviter la déformation de l’image, le cadenas représenté dans l’icône doit être fermé. La taille recommandée est de 1100 x 552 pixels pour l’image d’en-tête et de 535 x 402 pixels pour les images d’accroche.
Sélectionnez OK.
Vous pouvez à présent ajouter un lien à l’image. Pour ce faire, cliquez dessus avec le bouton droit de la souris, puis sélectionnez Modifier le lien.
Sélectionnez Pages.
Sélectionnez la page de votre boutique vers laquelle le lien doit renvoyer.
Sélectionnez Appliquer.
Reprenez les étapes 4 à 14 pour toutes les images d’accroche à modifier.
Si votre boutique est disponible en plusieurs langues, sélectionnez une autre langue et reprenez les étapes 3 à 15, ce pour chacune d’elles. Si aucun texte n’est affiché dans les autres langues, veuillez suivre ces instructions.
Enregistrez les modifications.

Étape 3 : activez le template

Dans le menu principal de l’interface d’administration, sélectionnez Style puis Mes templates.
Accédez au template que vous avez importé, puis sélectionnez Activer maintenant.

Votre nouveau template est désormais activé.

Annexe

Créer une copie de sauvegarde du template

Si vous utilisez un template dans votre boutique, veuillez créer une copie de sauvegarde de celui-ci avant d’installer le nouveau.

Dans le menu principal de l’interface d’administration, sélectionnez Style puis Mes templates.
Créez une copie de sauvegarde du template en sélectionnant Créer une copie de sauvegarde.

Une copie de sauvegarde du template est désormais créée et disponible au bas de la page.

Créer une copie de sauvegarde du contenu de la page d’accueil

Si vous utilisez un template dans votre boutique, veuillez créer une copie de sauvegarde du contenu de votre page d’accueil, comme des images ou du texte.

Pour créer une sauvegarde du contenu de la page d’accueil de votre boutique, accédez à l’interface d’administration, sélectionnez Contenu/Catégories dans le menu principal, puis Vue des données techniques.
Sélectionnez Pages.
Au bas du tableau, attribuez un nom à la sauvegarde dans la colonne Nom, par exemple « Sauvegarde du contenu de la page d’accueil ».
Sélectionnez Enregistrer.
Sélectionnez Général
Copiez le contenu de la page d’accueil à conserver, par exemple du texte et des images présents dans le champ Description longue.
Sélectionnez Pages.
Dans le tableau, sélectionnez la page créée à l’étape 3.
Sélectionnez Textes.
Collez le contenu que vous avez copié dans le champ correspondant, par exemple Description longue.
Enregistrez les modifications.
Si vous souhaitez sauvegarder d’autres éléments de votre page d’accueil, sélectionnez Page d’accueil puis reprenez les étapes 5 à 11.

Si votre boutique est disponible en plusieurs langues, sélectionnez une autre langue et reprenez les étapes 5 à 12, ce pour chacune d’elles. Si aucun texte n’est affiché dans les autres langues, veuillez suivre ces instructions.

Vous venez de créer une copie de sauvegarde du contenu de votre page d’accueil. Vous pouvez désormais importer votre template en remplaçant la page d’accueil.

Modifier la page de droit de retrait

Les pages produit de votre boutique comportent un lien intitulé « livraison » :

Si vous n’avez pas modifié les paramètres standard pour que ce lien pointe vers une autre page, celui-ci renvoie vers une page spéciale qui affiche séparément le contenu de votre page de droit de retrait. Cette page particulière peut s’avérer incompatible avec le nouveau template ; vous devez donc renvoyer directement vers la page de droit de retrait.

Comment renvoyer vers la page de droit de retrait

Dans le menu principal, sélectionnez Produit, puis Paramètres produits.
Sélectionnez Textes.
Dans le champ de texte situé en haut, cliquez avec le bouton droit de la souris sur le mot « livraison », puis sélectionnez Modifier le lien.
Sélectionnez la page de droit de retrait.
Sélectionnez Appliquer.
Reprenez les étapes 3 à 6 pour chaque champ de texte contenant le lien « livraison ».
Enregistrez les modifications.
Si votre boutique est disponible en plusieurs langues, sélectionnez une autre langue et reprenez les étapes 3 à 7, ce pour chacune d’elles.
Sélectionnez Texte pour les prix HT.
Reprenez les étapes 3 à 8 pour tous les champs de texte contenant le lien « livraison ».

Que faire si des éléments de page ne s’affichent pas

Il est possible que certains éléments n’apparaissent pas dans le pied de page et l’en-tête lorsque vous tentez de les modifier dans le Mode de création avancée du template importé. Ce problème est dû à vos paramètres de langue et peut être facilement corrigé.

Comment ajouter les éléments de page manquants

Dans le menu principal de l’interface d’administration, sélectionnez Style puis Mes templates.
Recherchez le template que vous avez importé et sélectionnez Modifier les éléments de page à sa droite.
Sur la ligne En-tête 1, sélectionnez Texte (HTML).
Si l’un des deux champs de langue est vide (par exemple, le champ Deutsch – Allemand – est vide comme montré dans la capture d’écran), copiez l’ensemble du code HTML et collez-le dans le champ vide.
Enregistrez les modifications.
Si vous souhaitez ajouter l’élément de page pour d’autres langues, sélectionnez la langue sous Traduction et reprenez les étapes 4 et 5.
Sélectionnez Éléments de page (mode sécurisé).
Sur la ligne Bas, sélectionnez Texte (HTML) 9.
Si l’un des deux champs de langue est vide (par exemple, le champ Deutsch – Allemand – est vide comme montré dans la capture d’écran), copiez l’ensemble du code HTML et collez-le dans le champ vide.
Enregistrez les modifications.
Si vous souhaitez ajouter l’élément de page pour d’autres langues, sélectionnez la langue sous Traduction et reprenez les étapes 9 et 10.
Sélectionnez Contenu/Catégories dans le menu principal, puis Vue des données techniques.
Sélectionnez Général.
Le contenu de la page d’accueil de votre nouveau template (images ou texte, par exemple) se trouve sous Description longue. Si votre boutique est disponible en plusieurs langues, le contenu d’une autre langue apparaît à droite. Les zones de cette autre langue peuvent être vides ou présenter un contenu différent. Sélectionnez le contenu du champ Description longue de l’autre langue à droite et supprimez-le. Pour être sûr de ne pas perdre de contenu, veuillez créer une sauvegarde auparavant.
Copiez les images de substitution de la Description longue qui se trouve à gauche, puis collez-les dans le champ Description longue de droite.
Enregistrez les modifications.
Si votre boutique est disponible en plusieurs langues, sélectionnez une autre langue et reprenez les étapes 9 à 16, ce pour chacune d’elles.