Jak mohu upravit existující motiv tipu FooEvents nebo vytvořit vlastní motiv tipu PDF nebo HTML?

Tento článek vás provede procesem vytváření vlastního Téma vstupenky FooEvents kterou doporučujeme přečíst před pokračováním:
Buďte kreativní s tématy vstupenek FooEvents - část 1
Buďte kreativní s tématy vstupenek FooEvents - část 2

Je důležité mít na paměti, že způsob generování tipů PDF se mírně liší od běžného HTML a CSS. Některé styly a prvky mohou při vykreslování e-mailu nebo souboru HTML fungovat bez problémů, ale tyto styly nemusí být kompatibilní s knihovnou použitou pro generování souborů PDF.

Zde je několik důležitých věcí, na které je třeba dávat pozor při vytváření nebo úpravě souborů PDF Ticket Theme:

  1. Můžete použít buď JPG nebo PNG obrázky. Pokud se obrázky PNG s průhledností nezobrazují tak, jak mají, musíte v PHP povolit rozšíření "imagick". Pokud si nejste jisti, jak to udělat, pak by vám mohl pomoci váš hostitel.
  2. Pokuste se vyhnout použití <table> prvky, ale spíše použít <div> tagy.
  3. Chcete-li zarovnat obrázky na střed, vyhněte se použití CSS deklarace “margin: auto” a místo toho použijte “text-align: center”.”
  4. Nepoužívejte písma Google. Vestavěná Písmo DejaVu podporuje širokou škálu znaků včetně řecké, cyrilice, hebrejské a arabské abecedy.
  5. Snažte se vyhýbat vnořeným prvkům, např.

    Nějaký obsah

  6. Nepoužívejte deklaraci CSS “display: block” na obrázky, protože v některých případech může obrázek skrýt.
  7. Pokud nechcete, aby se prvek rozprostíral přes dvě stránky, přidejte deklaraci “page-break-inside: avoid;”
  8. Pokud vnořujete prvky, aplikujte CSS odsazení (padding) na vnitřní kontejner, nikoli na vnější.
  9. Použijte cesty k obrázkům namísto URL jako v běžném HTML.
  10. Přidat zakončení </body> pouze značka a ne uzavírací </html> tag pro více stránek PDF
  11. Nepoužívejte vlastnost CSS “float” na značku, která je vnořená do jiné plovoucí značky.
  12. Pokud zákazník kupuje více než jednu vstupenku na stejnou akci, většina motivů PDF vstupenek zobrazí záhlaví a informace o akci, následované 3 vstupenkami na stránku. Pokud PDF vstupenka vypadá poškozeně, může to být proto, že se všechny tyto informace nevejdou na jednu stránku. K vyřešení tohoto problému můžete použít logo a/nebo obrázek záhlaví, které nejsou tak vysoké, odstranit odsazení, okraje nebo text, nebo nastavit tak, aby se na stránce zobrazovaly pouze 1 nebo 2 vstupenky.

Potřebujete podporu?

Nenašli jste odpověď, kterou hledáte? Náš tým je vám k dispozici, Spojte se!