Template « Loft » : 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
Importez le nouveau template
Étape 2
Apportez quelques modifications
Étape 3
Activez le tempalte

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 huit 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.

  3. 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
  4. Sélectionnez Importer.

  5. 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 les images d’en-tête et d’accroche

Pour remplacer le paramètre de substitution dans la zone d’en-tête, vous devez fournir une image. Nous vous recommandons d’utiliser une taille de 1 200 x 520 pixels.

Vous devez également fournir les images d’accroche. Nous vous recommandons d’utiliser une taille de 585 x 270 pixels.

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

  1. Sélectionnez Contenu/Catégories puis Vue des données techniques.
    My themes
  2. Sélectionnez Général.
    Select general
  3. Trois paramètres de substitution sont disponibles sous Description longue. Le premier est destiné à l’image d’en-tête (taille recommandée : 1200 x 520 pixels), les deux autres aux images d’accroche affichées sous l’image d’en-tête (taille recommandée : 585 x 270 pixels). Si les paramètres de substitution ne sont pas visibles, suivez ces instructions.
    Header area
  4. Cliquez avec le bouton droit de la souris sur le paramètre de substitution à modifier, puis sélectionnez Image.
    Select image
  5. Sélectionnez Télécharger une image.
    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.
    Upload files
  7. Sélectionnez l’image que vous souhaitez utiliser.
    Select image
  8. Sélectionnez Appliquer.

  9. Si votre image est trop grande, vous pouvez saisir la largeur et la hauteur appropriées. Pour éviter la déformation de l’image, le cadenas représenté dans l’icône doit être fermé. Toutefois, nous vous recommandons de redimensionner correctement vos images avant de les télécharger. La taille recommandée pour les images d’accroche est de 585 x 270 pixels. La taille recommandée pour l’image de l’en-tête est de 1 200 x 520 pixels.
    Resize image
  10. Sélectionnez OK.

  11. 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.
    Edit link
  12. Sélectionnez Pages.
    Edit link
  13. Sélectionnez la page de votre boutique vers laquelle le lien doit renvoyer.

    Sous Lien texte, vous pouvez saisir le texte à afficher lorsqu’un visiteur de votre boutique place le pointeur de la souris sur l’image. C’est ce qu’on appelle la balise « ALT ».
    Select a page
  14. Sélectionnez Appliquer.

  15. Reprenez les étapes 3 à 14 pour toutes les images d’accroche et d’en-tête à 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 ce pour chacune d’elles. Si aucun texte n’est affiché dans les autres langues, veuillez suivre ces instructions.
    Save the changes

Vos nouvelles images d’en-tête et d’accroche sont désormais sélectionné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 ».

Comment créer un logo à partir du titre de la boutique

Cette étape est facultative. Vous pouvez suivre ces instructions si vous souhaitez utiliser le titre de la boutique comme logo au lieu de télécharger une image.

  1. Dans le menu principal de l’interface d’administration, sélectionnez Style puis Mes templates.
    My themes
  2. Recherchez le template que vous avez importé, puis sélectionnez Lancer la création avancée pour celui-ci.
    Start advanced design
  3. Votre logo ou un paramètre de substitution pour celui-ci apparaît dans la zone de l’en-tête. Placez le pointeur de la souris sur l’élément, puis sélectionnez l’icône de suppression.
    Delete the logo
  4. Sélectionnez l’icône représentant le signe plus dans cette zone pour insérer le nouveau logo en tant qu’élément de page.
    Select the plus icon
  5. Sélectionnez Éléments de page supplémentaires.
    Select more page elements
  6. Sélectionnez Nom du site Web et slogan.
    Select name of website with slogan
  7. Sélectionnez Insérer.

  8. Si vous souhaitez modifier le Nom du site Web et le Slogan, vous pouvez le faire dans les champs correspondants. Sinon, passez à l’étape 10.
    Edit the fields
  9. Si votre boutique est disponible en plusieurs langues, changez de langue et reprenez l’étape 8 pour chaque langue.

  10. Sélectionnez Appliquer.

  11. Enregistrez les modifications.
    Save the changes

Le logo de votre boutique est désormais généré à partir du titre de celle-ci.