Comment puis-je ajuster le style pour les quantités d'articles?

Pour que le texte de vos quantités d'articles ressorte sur vos bordereaux d'expédition afin d'aider votre personnel, accédez au modèle de bordereau d'expédition dans vos paramètres de modèle et apportez les modifications suivantes au code HTML.

Modifier la taille et l'épaisseur de la police

  1. Cliquez sur la section Articles de la commande de l'éditeur de bordereau d'expédition et trouvez la ligne de code suivante :

    <td align="center">[Quantity]</td>
    HTML de bordereau d'expédition : Section Articles de la commande soulignée et code de la quantité d'articles en surbrillance
  2. Mettez cette ligne en surbrillance et remplacez-la par le code suivant :

    <td align="center"><span style="font-size:1.5em;font-weight:bold;">[Quantity]</span></td>
  3. Téléchargez un exemple pour vérifier la modification.

    Si vous souhaitez agrandir la taille de la police, essayez d'utiliser le code "font-size:1.75em" à la place. Cela équivaut à 75 % de la taille de police par défaut, mais vous pouvez utiliser le chiffre que vous préférez.

  4. Sauvegardez vos modifications.

Modifier le style de police de la quantité pour les articles dont la quantité est supérieure à une unité

  1. Copiez et collez le code suivant dans le haut de la section En-tête de commande de l'éditeur :

    <style>
     .quantity {
          font-size:1.5em;
          font-weight: bold;
     }
      .quantity1 {
          font-size:1em;
          font-weight: normal !important;
     }
     </style>

    Votre en-tête de commande devrait maintenant ressembler à ceci :

    CSS de bordereau d'expédition : Balises de style pour la quantité dans la section En-tête de la commande en surbrillance

    Pour modifier la taille, ajustez la valeur pour font-size pour .quantity seulement (non pas pour le sélecteur quantity1).

  2. Cliquez sur la section Articles de la commande et trouvez la ligne de code suivante :

    <td align="center">[Quantity]</td>
  3. Mettez cette ligne en surbrillance et remplacez-la par le code suivant :

    <td align="center" class="quantity quantity[Quantity]">[Quantity]</td>
  4. Sauvegardez vos modifications.