# Configuration en un coup d'œil

## Aperçu

Les paramètres sous *eCom \\ Configuration* déterminent le comportement de la boutique.

Ils n'affectent que le système eCom et laissent le client DeDeSales inchangé.

Les modifications ne prennent effet qu'après une mise à disposition des données.

## Affichage des articles

<table id="bkmrk-einstellung-typ-wirk"> <thead> <tr> <th>Paramètre</th> <th>Type</th> <th>Effet</th> </tr> </thead> <tbody> <tr> <td>Ne pas afficher les articles sans stock</td> <td>Case à cocher</td> <td>Seuls les articles avec un stock sont affichés. Cause fréquente d'articles apparemment manquants.</td> </tr> <tr> <td>Afficher les remarques sur l'article</td> <td>Case à cocher</td> <td>Affiche les remarques concernant l'article.</td> </tr> <tr> <td>Afficher la prochaine date</td> <td>Case à cocher</td> <td>**Sans effet dans la nouvelle boutique.** Ce paramètre appartient à la liste des Interlocuteurs du masque de contact, qui n'a pas été mise en œuvre volontairement. Voir [Page principale](https://fr.wiki.dedesales.de/books/description-des-prestations-ecom/page/page-principale).</td> </tr> <tr> <td>Afficher les caractéristiques des produits</td> <td>Case à cocher</td> <td>Active ou désactive l'**onglet** avec EAN, taille et poids sur la page détail de l'article. **Ne pas** confondre avec les attributs d'article librement gérés — ce paramètre ne les contrôle pas.</td> </tr> <tr> <td>Tri par défaut</td> <td>Sélection</td> <td>Tri de la liste d'articles à l'état de livraison. Valeurs : *Tri Numéro d'article Désignation* (standard), *Numéro d'article Désignation*, *Désignation Numéro d'article*, *Pertinence Numéro d'article*, *Stock croissant*, *Stock décroissant*.</td> </tr> <tr> <td>Masquer les groupes de produits</td> <td>Case à cocher</td> <td>Masque les groupes de produits dans la boutique, s'ils sont gérés. Évite les affichages en double si des Modèles de commande pour eCom sont également présents.</td> </tr> </tbody> </table>

### Afficher le statut article

Le statut article provient des données de l'article et contrôle l'affichage dans la boutique. Le paramètre agit en arrière-plan ; il n'y a pas d'affichage de statut propre par défaut.

Parmi les valeurs de statut connues de DeDeSales, seules deux ont un effet dans la boutique :

<table id="bkmrk-wert-wirkung-im-shop"> <thead> <tr> <th>Valeur</th> <th>Effet dans la boutique</th> </tr> </thead> <tbody> <tr> <td>Matrix</td> <td>L'article ouvre la **saisie matricielle** au lieu du champ quantité normal. Voir [Saisie matricielle](https://fr.wiki.dedesales.de/books/description-des-prestations-ecom/page/saisie-matricielle).</td> </tr> <tr> <td>Verrouillé(e/s)</td> <td>L'article n'est **pas commandable**. Il ne peut pas non plus être ajouté au panier via *Tout accepter*.</td> </tr> </tbody> </table>

*Verrouillé(e/s)* agit de manière **binaire** : la boutique ne distingue pas entre les variantes plus fines *Verrouillé(e/s)SeulementRetour* et *Verrouillé(e/s)CommandeEtRetour*.

Les autres valeurs — *Standard*, *Article en fin de série*, *Nouveau*, *Nouvel avertissement*, *Présentation en vitrine* et les deux variantes Verrouillé(e/s) mentionnées — n'ont **aucun effet** dans la boutique eCom. Elles proviennent de DeDeSales et n'ont d'importance que là-bas.

> **Remarque :** Ne comptez pas sur le statut article pour les mises en avant dans la boutique. Les marqueurs colorés comme *Article phare* ou *Meilleure vente* proviennent des **champs Oui-Non de la fiche article**, pas du statut. Voir [Page d'aperçu des articles](https://fr.wiki.dedesales.de/books/description-des-prestations-ecom/page/page-dapercu-des-articles).

### Afficher le stock

Contrôle si et comment le stock apparaît sur l'article. L'affichage est une petite **pastille** à côté de l'article, avec un **infobulle** au survol de la souris.

<table id="bkmrk-wert-pille-tooltip-n"> <thead> <tr> <th>Valeur</th> <th>Pastille</th> <th>Infobulle</th> </tr> </thead> <tbody> <tr> <td>Non</td> <td>aucun affichage</td> <td>—</td> </tr> <tr> <td>Feu tricolore</td> <td>seulement coloré, **sans chiffre**</td> <td>*En stock*, *pas en stock* ou un avertissement qu'aucune information n'est disponible</td> </tr> <tr> <td>Absolu</td> <td>**gris** avec le chiffre</td> <td>—</td> </tr> <tr> <td>Les deux</td> <td>**coloré** avec le chiffre</td> <td>avec un chiffre, le mot *Stock*, sinon l'avertissement d'absence d'information</td> </tr> </tbody> </table>

### Si aucun stock n'est livré

Voici la différence entre les deux valeurs avec chiffre :

<table id="bkmrk-wert-ohne-bestandsda"> <thead> <tr> <th>Valeur</th> <th>sans données de stock</th> </tr> </thead> <tbody> <tr> <td>Absolu</td> <td>**pas de pastille** — l'affichage est complètement omis</td> </tr> <tr> <td>Les deux</td> <td>Pastille en **gris** avec le texte **n.c.**</td> </tr> </tbody> </table>

La différence réside donc dans la manière dont l'absence de stock est affichée : avec *Absolu*, l'emplacement reste simplement vide, avec *Les deux* il y a explicitement **n.c.**

### Que signifient les couleurs

<table id="bkmrk-farbe-bedingung-gr%C3%BCn"> <thead> <tr> <th>Couleur</th> <th>Condition</th> </tr> </thead> <tbody> <tr> <td>vert</td> <td>Stock **supérieur à 0**</td> </tr> <tr> <td>rouge</td> <td>Stock **0 ou inférieur**</td> </tr> <tr> <td>gris</td> <td>pas de stock livré</td> </tr> </tbody> </table>

Il n'y a pas de seuil : un seul exemplaire colore la pastille en vert.

### Afficher KIP

Affiche les prix personnalisés pour le client. Le paramètre détermine également quel texte d'information est affiché au client concernant les prix. En interne, il porte le nom `EComKIP`.

<table id="bkmrk-einstellung-hinweist"> <thead> <tr> <th>Paramètre</th> <th>Texte d'information</th> <th>Présentation</th> </tr> </thead> <tbody> <tr> <td>non défini</td> <td>« Prix catalogue ! Votre prix client sera calculé lors de la facturation. »</td> <td>cadre rouge</td> </tr> <tr> <td>défini</td> <td>« Tous les prix sont des prix catalogue nets. »</td> <td>boîte grise simple sans cadre</td> </tr> </tbody> </table>

> **À clarifier :** Si ces textes d'information sont masqués après une **interrogation de prix en direct**. Il est décrit ainsi, mais il a été observé que le texte reste dans le Panier.

### Coûts d'expédition article

Numéro d'article de l'article des coûts d'expédition. Si des coûts d'expédition sont calculés, ils apparaissent via cet article comme une ligne propre dans le Panier.

Le montant lui-même ne provient pas de ce paramètre, mais de la liste de valeurs *Frachtkosten* du Mandant. Voir [Finalisation de la commande](https://fr.wiki.dedesales.de/books/description-des-prestations-ecom/page/finalisation-de-la-commande).

### Appliquer la Valeur de commande minimale du débiteur

La valeur minimale de commande du débiteur doit-elle s'appliquer à la finalisation de la commande au lieu de celle du mandant.

> **À clarifier :** Pour la priorité de la valeur du débiteur, la boutique vérifie **deux autres** conditions — *Utiliser la Valeur de commande minimale au lieu de la Limite franco de port* au mandant et le paramètre de question *Valeur minimale de commande* sur *Bloquer la commande*. Cette case n'en faisait pas partie. S'il agit ailleurs, c'est ouvert. En règle générale, c'est la **Valeur de commande minimale de l'onglet eCom** du mandant qui s'applique. Voir [Finalisation de la commande](https://fr.wiki.dedesales.de/books/description-des-prestations-ecom/page/finalisation-de-la-commande).

### Saisie du bon d'achat

Contrôle si le client reçoit un champ pour saisir un code de bon d'achat dans le Panier.

> **Remarque :** Ce paramètre agit indépendamment de la Gestion bons d'achat sous *eCom \\ Gestion bons d'achat*. Sans la possibilité de saisie, un bon créé ne peut pas être utilisé.

## Commande et Livraison

<table id="bkmrk-einstellung-typ-wirk-1"> <thead> <tr> <th>Paramètre</th> <th>Type</th> <th>Effet</th> </tr> </thead> <tbody> <tr> <td>Générer Numéro de commande client</td> <td>Case à cocher</td> <td>Active dans le Panier le champ **Votre numéro de commande**.</td> </tr> <tr> <td>Sortie de livraison le jour de la commande</td> <td>Heure</td> <td>Détermine jusqu'à quelle heure une commande doit être reçue pour être traitée le même jour.</td> </tr> <tr> <td>Saisie de la date de livraison</td> <td>Sélection</td> <td>Trois valeurs : *Non* (standard), *Optionnel*, *Obligatoire*. **Attention :** Même avec *Non*, le champ apparaît dans la boutique. **Ne pas confondre** avec le droit de date de livraison du rôle, qui connaît cinq valeurs et appartient au client commercial. Voir [Finalisation de la commande](https://fr.wiki.dedesales.de/books/description-des-prestations-ecom/page/finalisation-de-la-commande).</td> </tr> </tbody> </table>

## Accès et Enregistrement

<table id="bkmrk-einstellung-typ-wirk-2"> <thead> <tr> <th>Paramètre</th> <th>Type</th> <th>Effet</th> </tr> </thead> <tbody> <tr> <td>Le client doit changer le mot de passe à la première connexion</td> <td>Case à cocher</td> <td>Force le changement du mot de passe lors de la première connexion.</td> </tr> <tr> <td>Enregistrement d'un Nouveau client sans champ Code postal</td> <td>Case à cocher</td> <td>Dans le formulaire *Pas encore client*, aucun code postal n'est requis.</td> </tr> <tr> <td>Enregistrement sans champ Code postal</td> <td>Case à cocher</td> <td>Pour *Demander un accès*, aucun code postal n'est requis.</td> </tr> <tr> <td>Pas encore client</td> <td>Case à cocher</td> <td>Case cochée : le bouton *Pas encore client* apparaît et déclenche un e-mail avec les données du prospect. Case décochée : seul le bouton *Pas encore accès* est disponible. La zone peut être étendue textuellement via le Bloc de texte *Pas encore accès – Remarque*.</td> </tr> </tbody> </table>

### Force du mot de passe

Définit les exigences pour le mot de passe du client.

<table id="bkmrk-wert-anforderung-bit"> <thead> <tr> <th>Valeur</th> <th>Exigence</th> </tr> </thead> <tbody> <tr> <td>Veuillez sélectionner une valeur…</td> <td>Standard — aucune exigence</td> </tr> <tr> <td>Lettres et chiffres</td> <td>Doit contenir des lettres et des chiffres</td> </tr> <tr> <td>Lettres, caractères et chiffres</td> <td>Doit contenir des lettres, des caractères spéciaux et des chiffres</td> </tr> </tbody> </table>

## Présentation et Communication

<table id="bkmrk-einstellung-typ-wirk-3"> <thead> <tr> <th>Paramètre</th> <th>Type</th> <th>Effet</th> </tr> </thead> <tbody> <tr> <td>Exploitant de la boutique</td> <td>Sélection</td> <td>Client dont le nom apparaît dans l'en-tête de la boutique à côté du logo. Sans indication, l'emplacement reste vide dans certaines zones.</td> </tr> <tr> <td>Envoyer la confirmation de commande également en copie carbone aux Contacts Siège</td> <td>Case à cocher</td> <td>La confirmation de commande est également envoyée en copie carbone au Collaborateur attribué au client. Le client la reçoit de toute façon.</td> </tr> </tbody> </table>

### Langue par défaut

Langue utilisée en option de secours lorsqu'un client se connecte avec une culture pour laquelle aucune licence linguistique n'est disponible.

La condition préalable est que des textes d'Article et de Groupe de produit soient disponibles pour la Langue choisie.

### CSS

Champ de texte libre pour la coloration de la boutique. Les couleurs sont stockées comme variables CSS en notation HSL.

```css
:root { --primary: hsl(215 100% 25%); --primary-soft: hsl(215 100% 94%); --secondary: hsl(211 100% 40%); --accent: var(--primary); --primary-foreground: hsl(0 0% 100%); --secondary-foreground: hsl(0 0% 100%); --accent-foreground: var(--primary-foreground); --primary-soft-foreground: var(--primary); --ring: var(--primary); } 
```

<table id="bkmrk-variable-bedeutung--"> <thead> <tr> <th>Variable</th> <th>Signification</th> </tr> </thead> <tbody> <tr> <td><code>&#45;&#45;primary</code></td> <td>Couleur principale de la boutique, par exemple pour les boutons et éléments actifs</td> </tr> <tr> <td><code>&#45;&#45;primary&#45;foreground</code></td> <td>Couleur du texte et des icônes sur la couleur principale</td> </tr> <tr> <td><code>&#45;&#45;primary&#45;soft</code></td> <td>Variante éclaircie de la couleur principale, pour les surfaces et mises en avant</td> </tr> <tr> <td><code>&#45;&#45;primary&#45;soft&#45;foreground</code></td> <td>Couleur du texte sur la surface éclaircie</td> </tr> <tr> <td><code>&#45;&#45;secondary</code></td> <td>Couleur secondaire</td> </tr> <tr> <td><code>&#45;&#45;secondary&#45;foreground</code></td> <td>Couleur du texte sur la couleur secondaire</td> </tr> <tr> <td><code>&#45;&#45;accent</code></td> <td>Couleur d'accentuation</td> </tr> <tr> <td><code>&#45;&#45;accent&#45;foreground</code></td> <td>Couleur du texte sur la couleur d'accentuation</td> </tr> <tr> <td><code>&#45;&#45;ring</code></td> <td>Couleur du cadre de focus lors de l'utilisation du clavier</td> </tr> <tr> <td><code>&#45;&#45;shop&#45;hintergrund</code></td> <td>Couleur de fond de la page ; par défaut <code>var&#40;&#45;&#45;primary&#45;soft&#41;</code></td> </tr> <tr> <td><code>&#45;&#45;verlauf&#45;warm</code></td> <td>Point chaud du dégradé de fond ; pointe vers <code>&#45;&#45;shop&#45;hintergrund</code></td> </tr> <tr> <td><code>&#45;&#45;verlauf&#45;kalt</code></td> <td>Point froid du dégradé de fond ; pointe aussi vers <code>&#45;&#45;shop&#45;hintergrund</code></td> </tr> </tbody> </table>

La notation HSL est `hsl(angle de teinte saturation luminosité)`. Dans l'exemple, `215` est une teinte bleue, `100%` la saturation maximale et `25%` une nuance sombre. Pour une variante plus claire ou plus foncée de la même couleur, il suffit donc de modifier la dernière valeur.

### Fond de page

Derrière la page se trouve une surface colorée, techniquement construite comme un **dégradé** avec deux points d'extrémité — `--verlauf-warm` et `--verlauf-kalt`.

Les deux points d'extrémité pointent vers la même variable :

```css
--shop-hintergrund: var(--primary-soft); --verlauf-warm: var(--shop-hintergrund); --verlauf-kalt: var(--shop-hintergrund); 
```

Il en résulte deux choses :

<table id="bkmrk-kein-sichtbarer-verl"> <thead> <tr> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td>**Pas de dégradé visible**</td> <td>Les deux points ont la même valeur. Le fond est uni.</td> </tr> <tr> <td>**Le fond suit la couleur principale**</td> <td>Via <code>&#45;&#45;primary&#45;soft</code> — qui modifie la couleur principale obtient automatiquement le fond clair correspondant.</td> </tr> </tbody> </table>

**Pour définir un autre fond :** une ligne dans le champ **CSS** suffit.

```css
:root { --shop-hintergrund: hsl(0 0% 100%); } 
```

`hsl(0 0% 100%)` est blanc : saturation `0%`, luminosité `100%`.

**Pour créer un vrai dégradé :** définir `--verlauf-warm` et `--verlauf-kalt` sur deux couleurs **différentes** et laisser `--shop-hintergrund` inchangé. Il n'y a pas de paramètre dans le backend pour cela — cela passe toujours par le champ **CSS**. Exemple :

```css
:root { --verlauf-warm: hsl(27 87% 94%); --verlauf-kalt: hsl(215 100% 94%); } 
```

`var(--primary)` signifie que la variable prend la même valeur que la couleur principale. Pour modifier une seule couleur, changez `--primary` et `--primary-soft` ; le reste suit automatiquement.

> **Attention :** Veillez à un contraste suffisant entre une couleur et sa couleur `-foreground` associée pour que les textes restent lisibles.