How to guide - Part 2 - Products, Collections, Translations, more..

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 Product Type
  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

Bikes

- Spinning bikes

- Upright bikes

 

Disons que nous souhaitons ajouter une troisième collection enfant «Recumbent Bikes» sous  «Upright Bikes».

 

      4. Ce diriger dans la collection «Bikes» sur Shopify (Product>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 «Recumbent Bikes» au produits désirez. 

 

 

Comment ajouter la traduction d’un nouveau produit

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

 

 

Comment ajouter le discount code pour les produits SOLE + le tableau des "excluded zip codes"

  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;

    padding: 1rem;

    color: white;
    background: #ea0000;

    cursor: pointer;

    border-radius: 7px;
    transition: all 0.25s ease-out;
    }

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

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

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

    transition: transform .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