Propriétés techniques au format HTML (htmlSpecs)

Last modified: 6. juillet 2022

Le champ htmlSpecs dans les exportations ou les appels API contient les spécifications techniques d’un produit. Ceux-ci peuvent provenir de différents fournisseurs de contenu en fonction du contrat, par exemple 1WorldSync, Icecat, Manufacturer ou ITscope. Selon le fournisseur de contenu, il y a également différentes langues à choisir.

Format du champ htmlSpecs

Le format du htmlSpecs est disponible sous cette forme pour tous les fournisseurs de contenu.

<div id="HTML_SPEC" class="ITSs">
  <div class="ITSg">Générale</div>
    <div class="ITSr0">
      <div class="ITSn">Type d'imprimante</div>
      <div class="ITSv">Imprimante du groupe de travail - LED - couleur</div>
    </div>
  <div class="ITSg">Imprimeur</div>
    <div class="ITSr0">
      <div class="ITSn">Vitesse d'impression</div>
      <div class="ITSv">Jusqu'à 24 ppm - noir/blanc <br>Jusqu'à 22 ppm - Couleur</div>
    </div>
    <div class="ITSr1">
      <div class="ITSn">Technologie de connexion</div>
      <div class="ITSv">Câblé</div>
    </div>
    <div class="ITSr0">
      <div class="ITSn">Interface</div>
      <div class="ITSv">USB, LAN</div>
    </div>
  </div>
</div>

À l’aide des CSS-styles, les classes CSS respectives peuvent être adaptées en fonction de leurs propres besoins.

Voici un aperçu des cartes d’identité et de leur signification :

Classes CSSDescription
ITSsRubrique/section des caractéristiques techniques, par exemple, caractéristiques principales, détails complets
ITSgGroupe de caractéristiques techniques
ITSr0Ligne droite pour une caractéristique technique
ITSr1Ligne impaire pour une caractéristique technique
ITSnNom d’une caractéristique technique
ITSvValeur d’une caractéristique technique

Exemple de définition d’un CSS :

<style>
.ITSs {
display: table;
border: 0px solid #000;
width: 100%;
}

.ITSr1 {
display: table-row;
padding: 4px 20px;
}

.ITSr0 {
display: table-row;
padding: 4px 20px;
}

.ITSg {
font-weight: bold;
font-size: small;
padding: 10px 20px;
display: block;
}

.ITSn {
display: table-cell;
color: #555;
vertical-align: top;
border-top: 1px solid #eee;
padding: 4px 20px;
white-space: nowrap;
overflow: hidden;
width: 50%;
}

.ITSv {
display: table-cell;
color: #555;
vertical-align: top;
border-top: 1px solid #eee;
padding: 4px 20px;
}
</style>


Téléchargement d’un exemple

Ces deux téléchargements comprennent une fiche technique de démonstration dans laquelle les styles CSS ci-dessus sont appliqués.

L’autre fichier est un exemple de l’apparition de plusieurs catégories de texte (également Structured Feature Texts contentCategoryRefId=3) dans le fichier textContent au format developer pour les fournisseurs IceCat (contentProviderRefId=2) et 1WorldSync (contentProviderRefId=3) dans les différentes langues.

Was this article helpful?
Dislike 0
Views: 60