Come si modifica un tema di biglietto FooEvents esistente o si crea un proprio tema di biglietto PDF o HTML?

Questo articolo vi guida attraverso il processo di creazione del vostro Tema del biglietto FooEvents che si consiglia di leggere prima di continuare:
Diventate creativi con i temi dei biglietti FooEvents - Parte 1
Creatività con i temi dei biglietti FooEvents - Parte 2

È importante tenere presente che il modo in cui vengono generati i biglietti PDF è leggermente diverso dal normale HTML e CSS. Ci sono alcuni stili ed elementi che potrebbero funzionare bene durante il rendering di un'e-mail o di un file HTML, ma questi stili potrebbero non essere compatibili con la libreria utilizzata per generare i file PDF.

Ecco alcune cose importanti da tenere presenti quando si creano o si modificano i file PDF del tema del biglietto:

  1. Puoi usare entrambi JPG o PNG immagini. Se le immagini PNG con trasparenza non vengono visualizzate come previsto, è necessario abilitare l'estensione "imagick" in PHP. Se non si sa come fare, il proprio host potrebbe essere in grado di fornire assistenza.
  2. Cerca di evitare di usare <table> ma piuttosto utilizzare <div> tag.
  3. Se si desidera centrare le immagini in modo specifico, evitare di utilizzare la dichiarazione CSS “margin: auto”, ma utilizzare piuttosto “text-align: center”.”
  4. Non utilizzare i font Google. Quelli integrati Carattere DejaVu supporta un'ampia gamma di caratteri, tra cui gli alfabeti greco, cirillico, ebraico e arabo.
  5. Cerca di evitare annidamenti di elementi, ad esempio.

    Alcuni contenuti

  6. Non usare la dichiarazione CSS “display: block” sulle immagini poiché in alcuni casi potrebbe nascondere l’immagine.
  7. Se non vuoi che un elemento venga esteso su due pagine, aggiungi la dichiarazione “page-break-inside: avoid;”.”
  8. Se stai annidando elementi, allora applica il padding CSS al contenitore interno e non al contenitore esterno.
  9. Usa percorsi per le immagini invece di URL come nel normale HTML.
  10. Aggiungi una chiusura </body> e non un tag di chiusura </html> per più pagine PDF
  11. Non usare la proprietà CSS “float” su un tag annidato all'interno di un altro tag sottoposto a float.
  12. Se un cliente acquista più di un biglietto per lo stesso evento, la maggior parte dei temi per biglietti PDF visualizzerà l'intestazione e le informazioni sull'evento seguite da 3 biglietti per pagina. Se il biglietto PDF sembra danneggiato, potrebbe essere perché tutte queste informazioni non entrano in una pagina. Per risolvere questo problema, puoi utilizzare un logo e/o un'immagine di intestazione che non siano troppo alti, rimuovere spaziature, margini o testo, oppure impostare in modo che vengano visualizzati solo 1 o 2 biglietti per pagina.

Hai bisogno di supporto?

Non trovi la risposta di cui hai bisogno? Il nostro team è qui per aiutarti, Contattami!