Comment guider - Partie 2 - Produits, collections, traductions, plus...

Comment ajouter un produit

 

    1. Ajouter le titre et la description
    2. Ajouter les photos
      *Attention les photos doivent être carrées et compressées pour de meilleurs résultats au niveau de la vitesse du site web (bon pour le SEO) ainsi que l'expérience client.
      Pour compresser je recommande https://tinypng.com/ 
  1. Ajouter le type de produit
  2. Ajouter le Tag du produit en se référent au fichier text (.txt) des catégories
  3. Ajouter le poids du produits
  4. Ajouter les variantes du produits s'il y a lieu
  5. Ajouter les dimensions dans clickship 
  6. Ajouter le Spec Sheet dans le cas échéant. Pour plus d'information sur comment ajouter le Spec Sheet au produit voir : https://fitnessnutritionequipement.myshopify.com/pages/test-page

 

 

Comment ajouter une collection (catégorie)

 

  1. Ajouter la collection dans le fichier texte (.txt)
  2. Repérer si cette nouvelle collection a des "collections mères
  3. Sauvegarder le fichier .txt.

 

Exemple : la collection "Spinning bikes" est l'enfant de la collection mère "Bikes" et "Bikes" est à son tour l'enfant de la collection mère "cardio".

Cardio

Vélos

- Vélos en rotation

- Vélos droits

 

Disons que nous souhaitons ajouter une troisième collection enfant "Vélos couchés" sous "Upright Bikes".

 

      4. Ce diriger dans la collection "Bikes" sur Shopify (Produit>collections)

      5. Ajouter dans les conditions Product tag with Recumbent Bikes et Sauvegarder.

      6. Ce diriger dans la collection "Bike" et ajouter la même condition Product tag with Recumbent Bikes et Sauvegarder

      7. Créer une nouvelle collection qui se nommes "Recumbent Bikes" et ajouter la condition Product tag with Recumbent Bikes et sauvegarder.

     8. Vous pouvez maintenant ajouter le Tag "Vélos couchés" aux produits désirés. 

 

 

Comment ajouter la traduction d'un nouveau produit

  1. Ce diriger dans APP et choisir Weglot.
  2. Chercher les nouveaux produits dans Weglot
  3. Faire les traductions
  4. Confirmer les traduction et appuyant sur le CHECK !

 

 

Comment ajouter le code de réduction pour les produits SOLE + le tableau des "codes postaux exclus".

  1. S'assurer que le tag "Sole" a été ajouté au produit.
  2. Ouvrir le produit SOLE en question
  3. Dans l'encadré "Content" là où se trouve la description, appuyer sur " < >" dans le coins droite pour afficher le code de la page:



  4. Copier le code suivant et le coller après "<div class="description">" :


    <h4 style="line-height: 1.4em;">This item is eligible for free shipping <span style="color: #ea0000;">EXCEPT</span> for the following zip codes.</h4>
    <p style="line-height: 1.3em; padding-top: 15px;">Use the code FREESHIPPINGSOLE at checkout.<br><br><br></p>

     


    <style type="text/css">
    .wrap-collabsible {
    margin-bottom: 50px;
    max-width:600px;

    }

    input[type='checkbox'] {
    display: none;
    }

    .lbl-toggle {
    display: block;

    font-weight : bold ;
    font-family : monospace ;
    font-size : 1.2rem ;
    text-transform : uppercase ;
    text-align : center ;

    le rembourrage : 1rem ;

    couleur : blanc ; fond
    : #ea0000 ;

    curseur : pointeur ;

    rayon de la frontière : 7px ;
    transition : tous les 0,25s ease-out ;
    }

    .lbl-toggle:hover {
    color: #e2e2e2;
    }

    .lbl-toggle::before {
    content: ' ';
    display: inline-block;

    border-top : 5px solide transparent ;
    border-bottom : 5px solide transparent ;
    border-left : 5px solide currentColor ;
    vertical-align : middle ;
    margin-right : .7rem ;
    transform : translateY(-2px) ;

    transition : transformer les .2s ease-out ;
    }

    .toggle:checked + .lbl-toggle::before {
    transform: rotate(90deg) translateX(-3px);
    }

    .collapsible-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
    }

    .toggle:checked + .lbl-toggle + .collapsible-content {
    max-height: 2000px;
    }

    .toggle:checked + .lbl-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    }

    .collapsible-content .content-inner {
    background: rgba(181, 181, 179, 0.2);
    border-bottom: 1px solid rgba(154, 154, 149, 0.45);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: .5rem 1rem;
    }
    </style>


    <div class="wrap-collabsible">
    <input id="collapsible" class="toggle" type="checkbox">
    <label for="collapsible" class="lbl-toggle">EXCLUDED ZIP CODES</label>
    <div class="collapsible-content">
    <div class="content-inner">
    <p class="p1"><strong>ALBERTA</strong></p>
    <p class="p1">T0H, T0L, T0P, T0V</p>
    <p class="p1"><strong>BRITISH COLUMBIA</strong></p>
    <p class="p1">V0A -<strong> </strong>V0C, V0E, V0J, V0T, V0V, V0W, V1A, V1C, V1G, V1L, V1N, V1R, V8C V8G , V8J</p>
    <p class="p1"><strong>MANITOBA</strong></p>
    <p class="p1">R0B R0L R7N R8A R8N R9A</p>
    <p class="p1"><strong>NEWFOUNDLAND &amp; LABRADOR</strong></p>
    <p class="p1">A0E, A0G, A0H, A0J ‐ A0N, A0P, A0R, A1V, A2A, A2B, A2H, A2N, A2V, A8A</p>
    <p class="p1"><strong>NOVA SCOTIA</strong></p>
    <p class="p1">B0C, B0E, B0L, B0V, B0W, B1A ‐ B1C, B1E, B1G, B1H, B1J, B1N ‐ B1T, B1V ‐ B1Y, B2A, B2C, B2E, B5A, B9A</p>
    <p class="p1"><strong>NUNAVUT</strong></p>
    <p class="p1">X0A ‐ X0C, X0E, X0G, X1A</p>
    <p class="p1"><strong>ONTARIO</strong></p>
    <p class="p1">K0G, K0H, K0J, K0L, P0J ‐ P0N, P0P, P0R ‐ P0T, P0V, P0W, P2N, P4N ‐ P4R, P5A, P5E, P5N, P6A ‐ P6C, P8N, P8T, P9A, P9N</p>
    <p class="p1"><strong>QUEBEC</strong></p>
    <p class="p1">G0B, G0C, G0E, G0G, G0H, G0J, G0K, G0T, G0V, G0W, G4R, G4S, G4V ‐ G4Z, G5H, G5J, G5L ‐ G5N, G5T, G8J ‐ G8M, G8P, J0M, J0W ‐ J0Z, J9P J9T, J9V, J9X ‐ J9Z</p>
    <p class="p1"><strong>SASKATCHEWAN</strong></p>
    <p class="p1">S0E, S0J, S0P, S9H</p>
    <p class="p1"><strong>YUKON</strong></p>
    <p class="p1">Y0A, Y0B, Y1A</p>
    </div>
    </div>
    </div>

     

  5. Sauvegarder le produit