{"id":698,"date":"2019-11-18T14:29:23","date_gmt":"2019-11-18T21:29:23","guid":{"rendered":"https:\/\/help.fooevents.com\/docs\/frequently-asked-questions\/tickets\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/"},"modified":"2026-06-03T05:38:35","modified_gmt":"2026-06-03T12:38:35","slug":"jak-zmodyfikowac-istniejacy-szablon-fooevents-ticket-theme-lub-utworzyc-wlasny-szablon-pdf-lub-html-ticket-theme","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/pl\/docs\/frequently-asked-questions\/ticket-themes\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/","title":{"rendered":"Jak zmodyfikowa\u0107 istniej\u0105cy szablon FooEvents Ticket Theme lub utworzy\u0107 w\u0142asny szablon PDF lub HTML Ticket Theme?"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Ten artyku\u0142 przeprowadzi Ci\u0119 przez proces tworzenia w\u0142asnej aplikacji. <strong>FooEvents Ticket Theme<\/strong> kt\u00f3re zalecamy przeczyta\u0107 przed kontynuowaniem:<br>\n<a href=\"https:\/\/www.fooevents.com\/get-creative-with-fooevents-ticket-themes-part-1\/\" target=\"_blank\" rel=\"noopener\">B\u0105d\u017a kreatywny dzi\u0119ki motywom bilet\u00f3w FooEvents - cz\u0119\u015b\u0107 1<\/a><br>\n<a href=\"https:\/\/www.fooevents.com\/get-creative-with-fooevents-ticket-themes-part-2\/\" target=\"_blank\" rel=\"noopener\">B\u0105d\u017a kreatywny dzi\u0119ki motywom bilet\u00f3w FooEvents - cz\u0119\u015b\u0107 2<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wa\u017cne jest, aby pami\u0119ta\u0107, \u017ce spos\u00f3b generowania bilet\u00f3w PDF r\u00f3\u017cni si\u0119 nieco od zwyk\u0142ego HTML i CSS. Istniej\u0105 pewne style i elementy, kt\u00f3re mog\u0105 dzia\u0142a\u0107 dobrze podczas renderowania wiadomo\u015bci e-mail lub pliku HTML, ale te style mog\u0105 nie by\u0107 kompatybilne z bibliotek\u0105 u\u017cywan\u0105 do generowania plik\u00f3w PDF.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Oto kilka wa\u017cnych rzeczy, o kt\u00f3rych nale\u017cy pami\u0119ta\u0107 podczas tworzenia lub modyfikowania plik\u00f3w PDF Ticket Theme:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>You can use either <strong>JPG<\/strong> lub <strong>PNG<\/strong> obrazy. Je\u015bli obrazy PNG z przezroczysto\u015bci\u0105 nie s\u0105 renderowane zgodnie z przeznaczeniem, nale\u017cy w\u0142\u0105czy\u0107 rozszerzenie \"imagick\" w PHP. Je\u015bli nie masz pewno\u015bci, jak to zrobi\u0107, Tw\u00f3j host mo\u017ce by\u0107 w stanie pom\u00f3c.<\/li>\n\n\n\n<li> Try to avoid using <code>&lt;table&gt;<\/code> elementy, ale raczej u\u017cyj <code>&lt;div&gt;<\/code> tagi.<\/li>\n\n\n\n<li> If you want to center images specifically avoid using the CSS declaration \u201cmargin: auto\u201d but rather use \u201ctext-align: center\u201d<\/li>\n\n\n\n<li> Don\u2019t use Google Fonts. The built-in <strong>Czcionka DejaVu<\/strong> obs\u0142uguje szerok\u0105 gam\u0119 znak\u00f3w, w tym alfabety grecki, cyrylic\u0119, hebrajski i arabski.<\/li>\n\n\n\n<li> Try to avoid nesting elements e.g.<br><code>&lt;div><br>  &lt;div>Some content&lt;\/div><br>&lt;div><\/code><\/li>\n\n\n\n<li>Don\u2019t use the CSS declaration \u201cdisplay: block\u201d on images as it might hide the image in some cases.<\/li>\n\n\n\n<li>If you don\u2019t want an element to stretch over two pages, add the declaration \u201cpage-break-inside: avoid;\u201d<\/li>\n\n\n\n<li> If you are nesting elements then apply CSS padding on the inner container and not the outer container.<\/li>\n\n\n\n<li> Use paths for images instead of URLs like in regular HTML.<\/li>\n\n\n\n<li> Add a closing &lt;\/body&gt; tylko tag, a nie zamkni\u0119cie &lt;\/html&gt; dla wielu stron PDF<\/li>\n\n\n\n<li> Don\u2019t use the CSS \u201cfloat\u201d property on a tag that is nested inside another floated tag<\/li>\n\n\n\n<li> 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.<\/li>\n<\/ol>","protected":false},"excerpt":{"rendered":"<p>This article walks you through the process of creating your own FooEvents Ticket Theme which we recommend you read before continuing: Get Creative with FooEvents Ticket Themes \u2013 Part 1 Get Creative with FooEvents Ticket Themes \u2013 Part 2 It\u2019s important to keep in mind that the way PDF tickets are generated is slightly different [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":800,"menu_order":14,"template":"","doc_tag":[29,28,93,27,7],"class_list":["post-698","docs","type-docs","status-publish","hentry","doc_tag-html","doc_tag-pdf","doc_tag-ticket","doc_tag-ticket-theme","doc_tag-tickets"],"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/docs\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"predecessor-version":[{"id":148444,"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/docs\/698\/revisions\/148444"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/docs\/800"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/pl\/wp-json\/wp\/v2\/doc_tag?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}