Template « Simple » : comment configurer votre template

Ce guide a pour but de vous aider à prendre en main votre nouveau template. Veuillez lire attentivement les instructions et suivre les étapes présentées.

Commencer dès maintenant
Header Image
Étape 1
Importet le nouveau template
Étape 2
Apportez quelques modifications
Étape 3
Activez le template

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 :

  • Les options de personnalisation sont limitées. Veuillez noter que toute modification apportée au template, non mentionnée dans cette documentation, relève de 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 six produits sur la page d’accueil. Vous pouvez les ajouter 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.
  • Vous pouvez repositionner des éléments de page (comme le champ de recherche) et en ajouter, mais nous vous le déconseillons, car nous ne pouvons pas vous garantir un positionnement exact.
  • L’icône du panier ne peut pas être modifiée.

Étape 1 : importez le nouveau template

  1. Dans le menu principal de l’interface d’administration, sélectionnez Style puis Mes templates.
    My themes
  2. Faites défiler la page jusqu’en bas et sélectionnez Importer un template.
    Import theme
  3. 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.

  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.
    Select File
  5. Sélectionnez Importer.

  6. Si l’importation s’est correctement déroulée, le template est répertorié au bas de la page Mes templates.
    My themes page

Félicitations, votre template a bien été importé !

Savez-vous qu’il est 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.
Exchanging the themes placeholder images

Modifier l’en-tête

L’en-tête se compose d’un fond blanc combiné à un produit sélectionné de votre boutique. Nous vous recommandons d’utiliser la photo d’un produit dont le fond est blanc ou transparent pour qu’elle se fonde dans l’arrière-plan de l’en-tête.

Comment remplacer l’image d’en-tête

  1. Dans le menu principal de l’interface d’administration, sélectionnez Contenu/Catégories puis Vue des données techniques.
    Datasheet view
  2. Sélectionnez Produits.
    Select products
  3. Si le produit que vous souhaitez afficher se trouve dans le tableau, passez à l’étape 6. Sinon, sélectionnez Affecter les produits.
    Select products
  4. Sélectionnez le produit à ajouter à la liste des produits affichés dans la page d’accueil.
    Select product
  5. Sélectionnez Appliquer.

  6. Le produit désormais affiché sur la première ligne du tableau apparaît dans l’image d’en-tête. Si le produit que vous souhaitez présenter dans l’en-tête ne figure pas sur la première ligne du tableau, vous devez modifier l’ordre des produits dans ce dernier. Ils sont triés dans l’ordre croissant selon la valeur indiquée dans la colonne Ordre de classement. Sur la ligne du produit à afficher, saisissez le numéro le plus petit dans la colonne Ordre de classement.
    Change the sort order
  7. Enregistrez les modifications.
    Select save

L’image d’en-tête est désormais remplacée.

Comment modifier le libellé et le lien du bouton présent sur l’image d’en-tête

  1. Sélectionnez Contenu/Catégories puis Vue des données techniques.
    Datasheet view
  2. Sélectionnez Général.
    Select general
  3. Vous pouvez modifier le libellé du bouton de l’en-tête sous Description longue. Si les paramètres de substitution ne sont pas visibles, suivez ces instructions.
    Button text
  4. Cliquez avec le bouton droit de la souris sur le libellé du bouton, puis sélectionnez Modifier le lien.
    Edit link
  5. Sélectionnez la page de votre boutique vers laquelle le lien doit renvoyer.
    Select a page
  6. Sous Lien texte, modifiez le texte qui 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 ».

  7. Sélectionnez Appliquer.

  8. Enregistrez les modifications.
    Save changes
  9. Si votre boutique est disponible en plusieurs langues, sélectionnez une autre langue et reprenez les étapes 4 à 8 pour chaque langue. Si aucun texte n’est affiché dans les autres langues, veuillez suivre ces instructions.
    Select another language

Le libellé et le lien du bouton sont désormais modifiés.

Modifier les images d’accroche

La page d’accueil de votre boutique présente deux images d’accroche qui apparaissent sous l’image d’en-tête. Pour remplacer les paramètres de substitution des accroches, vous devez fournir des images d’accroche.

Nous vous recommandons d’utiliser une taille de 520 x 230 pixels pour celles-ci.

Comment remplacer les images d’accroche

  1. Sélectionnez Contenu/Catégories puis Vue des données techniques.
    Select datasheet view
  2. Sélectionnez Général.
    Select general
  3. Les paramètres de substitution pour les images d’accroche se trouvent sous Description longue (2). Si les paramètres de substitution ne sont pas visibles, suivez ces instructions.
    Placeholders
  4. Cliquez avec le bouton droit de la souris sur l’image à modifier, puis sélectionnez Image.
    Select image
  5. Sélectionnez Télécharger une image.
    Select upload image
  6. 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.
    Select upload files
  7. Sélectionnez l’image que vous souhaitez utiliser.
    Select an image
  8. Sélectionnez Appliquer.

  9. Si votre image est trop grande, vous pouvez saisir la largeur et la hauteur appropriées. Toutefois, nous vous recommandons de redimensionner correctement vos images avant de les télécharger. Pour éviter la déformation de l’image, l’icône cadenas doit être fermée. La taille recommandée pour les images d’accroche est de 520 x 230 pixels.
    Adjust your image
  10. Sélectionnez OK.

  11. Pour ajouter le lien à une image d’accroche, cliquez avec le bouton droit de la souris sur celle-ci, puis sélectionnez Modifier le lien.
    Edit link
  12. Sélectionnez Pages.
    Select pages
  13. Sélectionnez la page de votre boutique vers laquelle le lien doit renvoyer.
    Select a page
  14. Sélectionnez Appliquer.

  15. Reprenez les étapes 3 à 14 pour toutes les images d’accroche à modifier.

  16. Enregistrez les modifications.
    Save the changes
  17. Si votre boutique est disponible en plusieurs langues, sélectionnez une autre langue et reprenez les étapes 3 à 16 pour chaque langue. Si aucun texte n’est affiché dans les autres langues, veuillez suivre ces instructions.
    Select another language

Les images d’accroche sont désormais modifiées.


Étape 3 : activez le template

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

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.

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

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.

  1. 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.
    Datasheet view
  2. Sélectionnez Pages.
    Select Pages
  3. Au bas du tableau, attribuez un nom à la sauvegarde dans la colonne Nom, par exemple « Sauvegarde du contenu de la page d’accueil ».
    Enter a name for the backup
  4. Sélectionnez Enregistrer.

  5. Sélectionnez Général.
    Select General
  6. Copiez le contenu de la page d’accueil à conserver, par exemple du texte et des images présents dans le champ Description longue.
    Long description
  7. Sélectionnez Pages.
    Select Pages
  8. Dans le tableau, sélectionnez la page créée à l’étape 3.
    Select the page you created
  9. Sélectionnez Textes.
    Select Texts
  10. Collez le contenu que vous avez copié dans le champ correspondant, par exemple Description longue.
    Long description
  11. Enregistrez les modifications.
    Select Save
  12. Si vous souhaitez sauvegarder d’autres éléments de votre page d’accueil, sélectionnez Page d’accueil puis reprenez les étapes 5 à 11.

  13. Si votre boutique est disponible en plusieurs langues, sélectionnez une autre langue et reprenez les étapes 5 à 12 pour chaque langue. Si aucun texte n’est affiché dans les autres langues, veuillez suivre ces instructions.
    Select another language

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 » :
Delivery link
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

  1. Dans le menu principal, sélectionnez Produit, puis Paramètres produits.
    Product settings
  2. Sélectionnez Textes.
    Select texts
  3. 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.
    Edit link
  4. Sélectionnez la page de droit de retrait.
    Select the right of withdrawal page
  5. Sélectionnez Appliquer.

  6. Reprenez les étapes 3 à 6 pour chaque champ de texte contenant le lien « livraison ».

  7. Enregistrez les modifications.
    Save the changes
  8. Si votre boutique est disponible en plusieurs langues, sélectionnez une autre langue et reprenez les étapes 3 à 7 pour chaque langue.
    Select another language
  9. Sélectionnez Texte pour les prix HT.
    Select Notes texts for net prices
  10. Reprenez les étapes 3 à 8 pour tous les champs de texte contenant le lien « livraison ».