Comment puis-je conserver le contenu au bas de mes bordereaux d'expédition?

Pour forcer le contenu à toujours s'imprimer au bas de votre bordereau d'expédition, vous devez d'abord définir où se trouve le « bas », puis limiter ce contenu dans une balise <div> avec des attributs de position spéciaux.

Important

Le contenu que vous apposez au bas de votre bordereau d'expédition ne peut être déplacé en aucune circonstance!

Cela peut parfois entraîner un chevauchement avec d'autres contenus sur les commandes contenant trop de lignes d'élément ou une longue note de pied de page. Vous pouvez disposer d'un modèle de remplacement qui exclut les modifications suivantes, au cas où vous rencontreriez ce problème.

Le code que vous devez ajouter varie en fonction de votre présentation de bordereau d'expédition. Pour ajouter ce code à votre bordereau d'expédition, accédez au modèle de bordereau d'expédition dans vos paramètres de modèle et procédez comme suit :

  1. Ajoutez le code suivant au début de la section d'en-tête de la commande (avant la première balise <table>) pour définir où se trouve le bas du bordereau d'expédition :

    • Page entière de 21,5 cm x 28 cm (8,5 po x 11 po) :

      <style>
       .customStyle {
          position: relative;
          height:11in;
        }
      </style>
    • 21,5 cm x 28 cm (8,5 po x 11 po), 2 par page / demi-feuille :

      <style>
       .customStyle {
         position: relative;
         height:5.5in;
        }
      </style>
    • Papier thermique de 10 cm x 15 cm (4 po x 6 po) :

      <style>
       .customStyle {
         position: relative;
         height:6in;
        }
      </style>

      Vous devrez peut-être ajuster la valeur de hauteur dans les extraits CSS ci-dessus, selon votre contenu.

    Voici à quoi doit ressembler le code pour la page entière de 21,5 cm x 28 cm (8,5 po x 11 po) :

    HTML de bordereau d'expédition : extrait CSS de style personnalisé en surbrillance dans l'en-tête de commande
  2. Localisez l'élément qui contient le contenu que vous voulez coller au bas de votre bordereau d'expédition.

  3. Ajoutez le code suivant avant l'élément souhaité :

    <div style="bottom:0; position:absolute;width:100%;"> 
  4. Ajoutez ensuite le code suivant après l'élément souhaité :

    </div>
  5. Sauvegardez vos modifications.

Voici un exemple du résultat final (cet exemple pousse l'élément <p> contenant le message de bas de page du bordereau d'expédition vers le bas du bordereau d'expédition) :

HTML de bordereau d'expédition : position div et HTML en surbrillance dans le bas de commande

Voici une image du bordereau d'expédition qui en résulte, avec le message du pied de page bloqué en bas :

Bordereau d'expédition avec texte de bas de page imprimé en bas de la page.