Article principal et sous-article

Introduction

Si vous vendez des articles de différentes caractéristiques (couleur ou taille…), vous avez la possibilité de les cataloguer sous : articles principaux et sous-articles, afin d'éviter que chaque variante ait un article propre, ce qui deviendrait vite confus. Les articles principaux/sous-articles sont également beaucoup plus flexibles que les variantes standard de PepperShop. Chaque variante a son propre stock, éventuellement une photo, ainsi que des composants multilingues tels que le nom et la description. Étant donné que lors de l’importation, le sous-article est relié à l’article principal via le numéro de l’article, il est possible de transférer des variantes à la boutique via des systèmes ERP connectés en externe.

L’article principal contient des informations détaillées (photo, description, prix, lien vers d’autres informations, nom de base, ….). Cet objet virtuel ne peut pas être acheté seul. L’article principal se voit affecter les variantes achetables sous la forme de sous-articles. Ces derniers nécessitent au moins un nom décrivant la variante, un numéro d’article et un prix. Bien sûr, vous pouvez assigner à l’article toutes les données que PepperShop propose (poids, stock, image, ….). Un article principal/sous-article est donc toujours constitué d’un article principal et de plusieurs sous-articles.

L’administration des articles principaux/sous-articles peut se faire via le masque de traitement d’article basé sur le Web ou via les migrations en nombre de l’article.

Exigences

Les conditions suivantes doivent être prises en considération afin de travailler correctement dans votre PepperShop avec les articles principaux/sous-articles :

• Affichage des articles : l’affichage deux niveaux de l’article doit être activé sous Administration boutique → Paramètre de mise en page → Gestion de mise en page → Article (configuré par défaut).

• Dans le menu Administration de la boutique → Paramètres généraux de la boutique → Traiter l’article le paramètre “Article principal et sous-article” doit être activé et enregistré :

  

• Les sous-articles doivent se trouver dans une (ou plusieurs) catégorie(s) invisible(s) afin qu’ils ne soient pas proposés à la vente individuellement. Ceci est toujours fait automatiquement par le système lors de l’utilisation de l’administration de boutique en ligne.

• Tous les articles utilisés doivent avoir leur propre numéro d’article (principal et sous-article).

Tout simplement…

Une fois la configuration de la boutique modifiée ou vérifiée comme décrit, vous pouvez simplement reprendre le masque d'édition d’article : Administration de la boutique → Article → Insérer un nouvel article. A partir du haut, nous définissons le numéro de l’article, le nom (de base) et la description. Nous notons -1. au prix. Un 0 pour le poids. Un tableau avec le titre “Variations” (Sous-articles) est affiché ci-dessous. Nous définissons ici nos caractéristiques (nom, numéro d’article, prix et poids). Vous pouvez entrer d’autres informations en cliquant sur le symbole “Plus” du côté gauche.

Cliquez maintenant sur Suivant afin d’affecter une catégorie et de sélectionner une image à l’article principal. Notre premier article principal/sous-article est prêt et peut être acheté.

Propriétés de l'élément

Différences entre les articles principaux et les sous-articles :

Composition de l’article principal et du sous-article

La liaison (commune) est contrôlée par un numéro d’article. L’article principal dirige le groupe d’articles. Son numéro d’article doit être lié en tant que numéro principal pour chaque sous-article, ce qui peut être fait dans l’administration de la boutique, par exemple via les migrations en nombre de l’article (première rubrique), ou cela se fait de manière entièrement automatique via le masque de traitement des articles.

Vous pouvez également définir les liens articles principaux/sous-articles via l’importation d’article ou l’appelant. Pour ce faire, vous exportez d’abord vos données article existantes et, en plus des champs obligatoires exportables (nom de l’article, numéro d’article, ID catégorie), vous sélectionnez également le numéro principal et le groupe principal affichés ci-dessous. Le groupe principal est facultatif et ne doit pas être obligatoirement spécifié.

Examinons cet exemple simple dans la boutique (voir d’autres aperçus dans le chapitre 5) : dans l’affichage des articles de deux niveaux, le client a dans un premier temps un aperçu de tous les articles d’une catégorie. Ici le prix le plus bas est recherché (variante la moins chère) et notifié “dès”:

L’affichage détaillé de l’article peut afficher les variantes de l’article sous forme de liste (tous les détails des sous-articles en un aperçu, exemple les informations sur les stocks) ou sous forme de sélection de champ déroulant, qui remplace toutes les données significatives lors de la sélection d’une variante (image, prix, informations sur les stocks, etc.) :

Sous-articles de groupe

Les sous-articles peuvent être présentés l’un en dessous de l’autre (par ex. rouge, vert, bleu, jaune, ..) ou ils peuvent être affichés en groupes. Pour chaque sous-article, vous devez définir le nom de son groupe, par exemple (rouge + 50g, rouge + 100g, vert + 50g, vert + 100g, vert + 100g, bleu + 50g, bleu + 100g, jaune + 50g, jaune + 100g). Une zone de regroupement est utilisée à cette fin. Dans le masque d'édition de l’article, il s’agit du “Groupe de sous-article”, dans l’outil d’import/export “Groupe principal”.

Pour l’affichage de la sélection de sous-articles via des menus déroulants, nous recommandons le paramètre “Regroupement dropdown”.

Article principal/sous-article avec articles optionnels (options aux variantes)

Description

Ce sous-chapitre décrit la composition d’un article plus complexe, ayant plusieurs caractéristiques (variantes) et permet également la sélection d’articles supplémentaires facultatifs lors de “L’ajout au panier”. Informations sur la configuration de la boutique pour ce type d’affichage, voir chapitre 3.4.35.4.

Exemple d’affichage d’un article “Adhésif” (adhésif multi-composant)

Composition schématique

Un article composé est l’ensemble de plusieurs composants :

Légende :

• Un article principal : contient une image, un nom, une description. Il n’est pas destiné à la vente, n’a ni prix ni poids.
• Sous-article (1..n) : caractéristiques / variantes de l’article. Il est destiné à la vente et possède un numéro d’article, un nom (suffixe), un prix, une quantité de stock et un poids.
• Options (groupées) : article optionnel lié.

Administration

Créer de nouveaux articles

De nouveaux articles devraient être créés via “clonage”. Un article principal/sous-article existant est copié et créé comme un nouvel article, ce qui est généralement beaucoup plus rapide que de saisir à nouveau toutes les variantes (similaires) :

Première étape:

1. administration de la boutique
2. article
3. traiter article
4. réattribuer

• n° article principal
• Nom
• Description et courte description

1. variations / sous-articles (toutes les valeurs, en particulier le numéro d’article)
2. cliquer sur le bouton “Enregistrer comme nouveau” (IMPORTANT!)
3. ajuster l’affectation de catégorie, si nécessaire
4. attribution d’image (première image seulement, article principal)

Deuxième étape (si nécessaire) :

1. ajouter éventuellement plus d’images à l’article principal (Traiter l’article → Continuer → Autres images)
2. éventuellement ajuster les images des sous-articles (Traiter l’article → + bouton → bouton nouvelle image)
3. ajuster / modifier les articles optionnels liés :
4. créer d’abord de nouveaux articles optionnels
5. mettre à jour les attributions : Administration de la boutique → Migrations en nombre d’articles → Articles optionnels

Modifier l’article existant

La modification d’un article existant s’effectue également via le masque de traitement des articles :

Administration de la boutique → Traiter article existant → Sélectionner article principal.

• Vous pouvez modifier les informations de l’article ici (nom, numéro d’article, description).
• Plus bas dans le même masque se trouvent les données des sous-articles liés et achetables.
• Si vous cliquez sur le bouton “Suivant”, la répartition des catégories peut être modifiée.
• Encore une fois, “Suivant” vous amène à l’attribution de l’image de l’article principal.
• Les options liées (articles optionnels) sont attribuées séparément via le masque traitement des articles : Administration de la boutique→ Migrations en nombre des articles → Article optionnel → Sélectionner article principal

Traiter l’article optionnel

Les articles optionnels sont en fait des articles standards reliés. La liaison est basée sur une attribution par article. A l’inverse, le regroupement est enregistré dans l’article lié, ce qui implique qu’un article ne peut être qu’un groupe d’articles optionnels à la fois.

Configuration de la boutique

La base de l’affichage utilisée ici (voir illustration) est la configuration suivante de la boutique :

Administration de la boutique →Paramètres de la boutique →Paramètres généraux.

Contrôle de la conception

Le contrôle de la conception se trouve dans Administration de la boutique → Paramètre de la boutique → Paramètres généraux → Traiter article. Voir ici les différentes configurations (par ex. genre /position d’affichage).

Voici à quoi ressemble le paramètre de la liste

Voici maintenant un autre exemple avec l’aperçu d’un article principal/sous-article avec des sous-articles regroupés:

Dans la représentation de liste, vous profitez avant tout de la synthèse sous forme de tableau. De plus, tous les sous-articles sont affichés en détail.

L’affichage de la sélection des sous-articles via un ou plusieurs menus déroulants est recommandé avec l’affichage dynamique. L’image et toutes les données importantes (prix, disponibilité,…) changent automatiquement lors de la sélection d’un sous-article. Info : les titres déroulants peuvent être modifiés via localetext.inc.php.

…et voici à quoi ça ressemble quand on met un (sous-)article dans le panier :

Administration

Liaison des articles dans l’administration de la boutique

Rassemblez les articles dans le masque de traitement des articles (réunissez les articles principaux et les sous-articles dans un masque et les retraiter ultérieurement) : Administration de la boutique > Articles > Insérer un nouvel article

Exemple avec deux groupes

Il arrive souvent que vous n’ayez pas qu’un seul groupe de variantes, mais deux - par exemple couleur et taille. Pour vous assurer que ces deux genres de caractéristiques soient regroupés, vous utilisez la caractéristique ayant le moins de variantes comme groupe de sous-articles et la deuxième caractéristique comme sous-article. Ici vous pouvez voir un exemple de masque avec une saisie de la structure suivante :

Article: PepperShop

• Logiciel standard
  • de base
  • professionnel
• Logiciels personnalisé
  • maison

Avec le contrôle d’affichage déroulant groupé, la boutique affiche les deux sélections déroulantes logiquement séparées, de sorte qu'à chaque fois, le client sélectionne la caractéristique du groupe, même si un sous-article est référencé lors de la sélection des deux sélections déroulantes.

Lier l’article manuellement

Fondamentalement, on procède en deux étapes :

1. L’article principal est d’abord créé. Pour cet article, vous devez attribuer un numéro d’article et laisser le champ “N° d’article principal” vide. Ce dernier est fondamentalement un article normal avec un nom, une image, une description et avec un prix -1, stock 0 et sans variantes, options, textes supplémentaires.
2. a) Après la création de l’article principal, les caractéristiques de cet article sont saisies. Ce sont les sous-articles. Un sous-article est un article normal de PepperShop, qui n’a qu’un nom, mais pas de description et pas de courte description. Il est également important que cet article reçoive un prix correspondant et si nécessaire une quantité de stock. Les variantes, options et champs de texte supplémentaires ne sont pas autorisées. b) Cet article est maintenant affecté à l’article principal. Ceci s’effectue facilement via le champ correspondant dans le masque de traitement d’article (surligné ici en rouge). c) A présent, cet article est assigné à une catégorie invisible, ceci est très important, car sinon les sous-articles seraient présentés individuellement au client!

Après la saisie de tous les sous-articles, l'édifice du sous-article principal est terminée et le client peut acheter la variante correspondante de l’article dans la boutique.

Migrations en nombre d’un article

Les migrations en nombre d’un article sont accessibles via le menu principal Articles > Migrations en nombre d’articles. Dès qu’un article principal et un sous-article sont activés dans la boutique, le menu de traitement standard des migrations en nombre d’articles est adapté en conséquence:

En cliquant sur le bouton Nom / Principal / … et après avoir sélectionné une catégorie, vous avez maintenant la possibilité de lier le numéro d’article principal à chaque sous-article. Ceci peut être fait rapidement via Copier+Coller pour plusieurs articles ou de manière pratique via l’interface graphique.

Exemple d’application d’un article principal / sous-article regroupé pour les textiles

Lorsque vous vendez des textiles, vous avez essentiellement plusieurs caractéristiques, couleur et en tailles par article. Celles-ci sont étroitement liées les unes aux autres, puisque pour le client, le processus de sélection dans la boutique taille et couleurs (ou l’inverse) ne peut se faire que l’une après l’autre. La boutique doit s’assurer qu’il y ait une combinaison existante dans le processus. Ceci est possible dans PepperShop si vous configurez la boutique comme suit (Paramètres de la boutique → Paramètres généraux → Traiter les articles : champ déroulant groupé + position d’affichage dans…) :

Lorsque les sous-articles sont saisis, les informations correspondantes doivent être activées, ici un exemple multilingue d’un masque de saisie (extrait de sous-article) :

Il est fortement recommandé d’attribuer aux sous-articles leurs propres images, où vous pouvez voir la couleur immédiatement. La boutique change immédiatement l’image lorsque la couleur change.

Exemple d’affichage par client: