Gestion des produits

Remarques:
  • lorsque que la page d’édition d’un produit est ouverte, on peut sauvegarder les
    modifications pour les rendre publiques en cliquant sur ‘Publier’ ou ‘Mettre à jour’

  • on peut prévisualiser les modifications en cliquant sur le bouton du même nom

  • le format idéal pour les images produit est un format png 800*980px avec transparence,
    dans lequel l'image produit doit faire idéalement 800px de haut et être centrée(un exemple
    ici https://www.dropbox.com/s/d5igi8d068rca9t/antiacariens-bidon-25l.png?dl=0)

Créer un nouveau produit

  • Sur le menu principal cliquer sur ‘Produits’, puis ‘Ajouter produit’

  • L’éditeur affiche alors un formulaire vide, voici les champs à compléter
    • Titre du produit, 3 champs à compléter :
      • Le premier champ ‘nom du produit’ correspond au nom de base du produit, affiché
        sur les récapitulatifs de commande, et vu par les moteurs de recherche
      • Le champ ‘Titre formaté’ est utilisé sur les pages de listing produit (boutique,
        produits à la une..), il est possible de le remplir sur plusieurs lignes
      • Le champ ‘Titre page produit’ est utilisé sur la page individuelle du produit, il est
        possible de le remplir sur plusieurs lignes
    • Description du produit, 2 champs à compléter à l’identique
      • champ de description affiché sous le titre du produit
      • champ ‘description courte du produit’ que l’on trouve en bas de la page d’édition
    • Logos produits (qui s’affichent sous le produit sur la page individuelle)
      • Sur le champ ‘Logos à afficher’, cliquer dans la zone de saisie, et saisir le nom du
        logo à afficher
      • pour voir les logos disponibles ou en ajouter, se reporter à la section ‘Ajouter un logo
        produit’
    • Catégorie et étiquettes (tags) du produit
      • sur la colonne de droite, via les champs ‘Catégories de produits’ et ‘Etiquettes
        produits’
      • il est possible d’attribuer plusieurs catégories à un produit parmi celles disponibles, il
        faut éviter de laisser à un produit la catégorie ‘Uncategorized’
      • il est possible d’attribuer plusieurs étiquettes à un produit, séparées par des virgules,
        si le nom d’étiquette que l’on commence à entrer existe déjà il est automatiquement
        proposé
    • Enregistrer les variations du produit, cela se fait en 2 étapes :
      • Descendre sur la section ‘Données produit’, sélectionner ‘produit variable’
      • Cliquer sur ‘Attributs’ puis sélectionner ‘contenance’ et cliquer sur ‘ajouter’
      • Dans la section ‘contenance’ qui s’affiche alors entrer dans la zone de saisie
        ‘Valeur(s)’ les différents format de contenance à utiliser pour ce produit
      • Décocher ‘Visible sur la page produit’ et cocher ‘Utilisé pour les variations’,
        cliquer ensuite sur ‘Enregistrer les attributs’
    • Saisir les informations pour les différentes variations
      • toujours sur la section ‘Données produit’, cliquer sur Variation
      • Dans le champ de sélection, sélectionner ‘Créer les variations pour tous les
        attributs’ et cliquer sur ‘Aller’
      • Une alerte s’affiche, cliquer sur OK, les variations sont ajoutées, cliquer sur OK
      • Les différentes contenance pour le produit s’affiche alors, pour chacun on peut
        développer le champ de saisie, et indiquer :
        • l’identifiant produit (UGS)
        • le tarif régulier (prix HT sans remise)
        • ajouter une image (optionnel, format 800*980px)
      • Une fois les informations saisies cliquer en bas sur ‘Enregistrer les
        modifications’
    • Enregistrer l’image principale du produit (utilisée pour les pages de listing et sur la page
      individuelle)
      • sur le volet de droite de l’éditeur, cliquer sur ‘Image produit’
      • Choisir une image ou en télécharger une (format 800*980px)
    • Enregistrer les images complémentaires pour la galerie produits
      • toujours sur le volet de droite de l’éditeur, cliquer sur ‘Ajouter des images à la
        galerie produit’
      • sélectionner les images désirées (ne pas reprendre l’image principale qui est incluse
        automatiquement à la galerie produit)
    • Saisir les informations complémentaires (Utilisation/Ingrédients/Précautions..)
      • descendre jusqu'au bloc 'données produit'
      • dans ce bloc cliquer sur 'custom tabs', cela ouvre les champs 'utilisation',
        'ingrédients', 'précautions'.. affichés sous un produit
      • modifier le contenu du champ désiré
      • une fois la modification effectuée cliquer en bas du bloc 'données produit' sur ‘save
        tabs’

Modifier un produit existant

  • pour afficher la liste des produits cliquer sur 'produits' sur le menu principal

  • la liste s'affiche, il suffit de cliquer sur un produit pour pouvoir l'éditer

  • voir ‘Créer un nouveau produit’ pour les explications sur les différents champs à compléter
    sur l’éditeur

  • Vous pouvez éditer l'image produit ainsi que les images de la gallérie du produit associé
    même si il n'a pas de variation.

Ajouter un logo produit

  • Sur le menu principal cliquer sur ‘Produits’ puis ‘Étiquettes’

  • La liste des étiquettes/logos actuels s’affiche, via le formulaire de gauche il est possible d’en
    ajouter

  • Saisir un nom pour ce logo, dans le champ ‘Nom’, puis ajouter une image en cliquant sur
    ‘Ajouter une image’ (format 150*150px)

  • Cliquer sur ‘Ajouter une étiquette’ pour valider, on pourra la retrouver avec son nom dans le
    champ ‘Logos à afficher’ de la page d’édition d’un produit

  • Vous pouvez sélectionner ou non un logo informatif à afficher sous votre produit en cochant une des case
    correspondante

docslogos.jpg

Gérer les Produits à la Une

  • Depuis le menu principal sur rendre sur la page des produits (Produits→Tous les produits)

  • Dans la liste des produits il y a une colonne ‘Mis en Avant’, représentée par une étoile
    Si cette colonne n’est pas visible, cliquer en haut à droite de la fenêtre sur ‘Options de
    l’écran’ et dans la liste sélectionner ‘Mis en avant’, puis cliquer sur ‘Appliquer’

  • Pour ajouter/supprimer un produit à la une du site cliquer sur l’étoile et attendre le
    rechargement de la page. Le site doit avoir 4 produits mis à la une simultanément

  • L’ordre des produits affichés à la une est déterminé par la date de publication, de la plus
    récente à la plus ancienne. Si l’on souhaite changer l’ordre il faut changer la date de
    publication des différents produits en une, pour cela 
    •  sur la liste des produits survoler le produit désiré et cliquer sur ‘modification rapide’
    • modifier le champ ‘date’ pour la date voulue
    • cliquer sur ‘mettre à jour’
    • (il est aussi possible de réaliser ce changement depuis la page du produit mais si
      plusieurs dates de produits sont à modifier il est plus rapide de passer par la liste)

Indiquer qu’une contenance est en rupture de stock

  • ouvrir la page d’édition d’un produit

  • descendre dans le bloc ‘données produit’ et cliquer sur ‘variations’

  • ouvrir la contenance désirée, mettre le champ ‘Etat du stock’ à ‘rupture de stock’

  • si plusieurs contenances pour un produit sont indisponibles répéter l’opération pour ces
    dernières

  • sauvegarder les modifications

  • quand la contenance sera à nouveau disponible il faudra remettre le champ ‘Etat du stock’ à
    ‘En stock’

 

Modifier la taille des images/picto dans les descriptifs produits
(utilisation/ingrédients..)

Pour info la taille ‘idéale’ à viser dans le cas d’un ajout de pictogramme est de 115px*115px

  • Se rendre sur la page d’édition d’un produits

  • Descendre sur le champ à modifier (par exemple ‘Données produit’ → ‘Custom Tabs’ pour
    accéder aux utilisations/ingrédients

  • Sur le champ désiré vérifier qu’on utilise l’éditeur visuel

image-1624900299029.png

  • Cliquer ensuite sur l’image à ajuster, sélectionner le bord droit de l’image et glisser pour
    agrandir/rétrécir l’image, la taille en pixel s’affiche, ce qui permet d’attribuer les mêmes
    valeurs à plusieurs images si l’on veut une cohérence de tailles entre elles

image-1624900324177.png

  • Enregistrer les modification via ‘Save Tabs’

 

Régler l'ordre d'affichage des produits :

 

changer l'ordre des produits sur la page principale de la boutique https://saniris.fr/boutique/

  • --> depuis l'administration se rendre dans 'Produits' et cliquer sur Tri

image-1624900409646.png

  • la liste des produits se recharge et vous pouvez alors changer l'ordre d'affichage en
    glissant les produits, cela se répercutera sur la page boutique

Changer l'ordre des catégories de produits:

Gérer l'ordre des produits au sein des catégories :

  • --> depuis l'administration cliquer sur 'Produits' puis 'Catégories'

  • dans la liste cliquer sur la catégorie désirée

  • la page d'options pour cette catégorie s'affiche, descendre jusqu'au champ 'groupement des produits':

image-1630256991689.png

  • sélectionner dans la liste de gauche les produits à afficher en premier, au besoin
    changer l'ordre d'affichage dans la liste de droite

  • les autres produits de la catégories non présent dans la liste de droite s'afficheront
    automatiquement en dessous

  • descendre jusqu'au bouton 'mettre à jour' et cliquer pour enregistrer les changements

 

Ajouter une catégorie de produits

  • Depuis l'espace administration aller sur produits -> catégories de produits et remplir les données du volet 'ajouter une catégorie'
  • une fois que des produits seront ajoutés à cette catégorie elle sera automatiquement visible sur le menu de la page boutique :

    image-1643794430350.png

  • pour changer l'ordre d'affichage de ce menu et des catégories sur la page principale de la boutique il faut se rendre sur la  admin Produits --> Ordre des taxonomies et faire glisser les catégories de la liste dans l'ordre désiré puis cliquer sur 'Mettre à jour'
  • il faut ensuite choisir quels produits et dans quel ordre s'affichent sur la page boutique dédiée à cette catégorie, c'est un réglage manuel car il permet un classement et regroupement libre des produits au sein de la page principale de la boutique et des catégories --> voir section 'Gérer l'ordre des produits au sein des catégories'
  • pour ajouter la catégorie de produit au menu de navigation :
    • ouvrir la page d'admin Apparence --> Menus, sélectionner le menu 'Menu Principal - Saniris 2021'
    • ouvrir le volet 'catégories de produits' / tout voir, sélectionner la catégorie à ajouter et cliquer sur 'Ajouter au menu'
      image-1643795163606.png
    • une fois cela fait dans le menu de droit glisser la catégorie ajoutée pour qu'elle soit à la position désirée dans le menu et cliquer sur 'Enregistrer le menu'
    • pour ajouter aux menus mobiles et pro reprendre les mêmes actions pour les menu 'Menu pro', 'Menu principal mobile' et 'Menu Pro Mobile'
  • pour gérer les produits affichés à la une sur la page d'accueil --> voir https://bookstack.raphaeloff.net/books/documentation-site-e-commerce-saniris/page/gestion-page-daccueil#bkmrk-cat%C3%A9gories-produit-%C3%A0