Comment puis-je modifier un thème de billetterie FooEvents existant ou créer mon propre thème de billetterie PDF ou HTML ?

Cet article vous guide tout au long du processus de création de votre propre FooEvents Thème de billetterie que nous vous recommandons de lire avant de continuer :
Soyez créatifs avec les thèmes de billets du FooEvents - Partie 1
Soyez créatifs avec les thèmes de billets FooEvents - Partie 2

Il est important de garder à l'esprit que la façon dont les tickets PDF sont générés est légèrement différente de l'HTML et du CSS ordinaires. Certains styles et éléments peuvent fonctionner correctement lors du rendu d'un courriel ou d'un fichier HTML, mais ces styles peuvent ne pas être compatibles avec la bibliothèque utilisée pour générer les fichiers PDF.

Voici quelques points importants à prendre en compte lors de la création ou de la modification de fichiers PDF Ticket Theme :

  1. You can use either JPG ou PNG images. Si les images PNG avec transparence ne s'affichent pas comme prévu, vous devez activer l'extension "imagick" en PHP. Si vous ne savez pas comment procéder, votre hébergeur pourra peut-être vous aider.
  2. Try to avoid using <table> mais plutôt d'utiliser les éléments <div> étiquettes.
  3. If you want to center images specifically avoid using the CSS declaration “margin: auto” but rather use “text-align: center”
  4. Don’t use Google Fonts. The built-in Police DejaVu prend en charge un large éventail de caractères, y compris les alphabets grec, cyrillique, hébreu et arabe.
  5. Try to avoid nesting elements e.g.
    <div>
    <div>Some content</div>
    <div>
  6. Don’t use the CSS declaration “display: block” on images as it might hide the image in some cases.
  7. If you don’t want an element to stretch over two pages, add the declaration “page-break-inside: avoid;”
  8. If you are nesting elements then apply CSS padding on the inner container and not the outer container.
  9. Use paths for images instead of URLs like in regular HTML.
  10. Add a closing </body> et non une balise de fermeture </html> pour plusieurs pages PDF
  11. Don’t use the CSS “float” property on a tag that is nested inside another floated tag
  12. If a customer is buying more than one ticket for the same event then most PDF ticket themes will display the header and event information followed by 3 tickets, per page. If the PDF ticket looks broken then it might be because all this information does not fit on one page. To fix this you can use a log and/or header image that are not as high, remove padding, margins or text or set it so that only 1 or 2 tickets are shown on one page.

Besoin d'aide ?

Vous ne trouvez pas la réponse à votre question ? Notre équipe est là pour vous aider, N'hésitez pas à nous contacter !