Ticket-template
1
<title>{{client.client_companyname}} ticket</title>
2
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
3
<style type="text/css">
4
table {
5
width:100% !important;
6
font-family: 'Roboto', sans-serif;
7
table-layout: fixed
8
}
9
10
tr { width:100%;}
11
td { horizontal-align:middle;}
12
td,th {border:none;}
13
14
.Event_Name {
15
font-size:40px;
16
color: #ef5c2f;
17
margin-top:10px;
18
}
19
20
.Event_short_text {
21
font-size: 18px;
22
}
23
24
.Date_text {
25
font-size: 18px;
26
}
27
28
.Location_title {
29
font-size: 22px;
30
}
31
32
.Address-details {
33
font-size: 18px;
34
}
35
36
.Event_details {
37
font-size: 16px;
38
}
39
40
.Ticket_cat {
41
font-size:18px;
42
color: #ef5c2f;
43
}
44
45
.Price_text{
46
font-size: 40px;
47
color: #ef5c2f;
48
}
49
50
.Barcode_text {
51
font-size:18px;
52
margin-left: auto;
53
color: rgba(57, 57, 57, 0.251);
54
-webkit-transform: rotate(90deg);
55
-webkit-transform-origin: center bottom auto;
56
57
}
58
.Name_text {
59
font-size: 18px;
60
color: #ef5c2f;
61
}
62
63
.Email_text {
64
font-size: 15px;
65
}
66
67
.Footer_text {
68
font-size: 16px;
69
text-align: center;
70
}
71
.small {
72
font-size: 10px;
73
color: #ef5c2f;
74
}
75
</style>
76
<br>
77
{% for seat in seats %}
78
<page orientation="P" format="210x297" ;="" backcolor="#ffffff">
79
<br>
80
<table align="center" cellpadding="10" style="width:100%; border: 1px 1px 1px 1px; border-style:dotted;">
81
<tbody>
82
<tr style="width:100%;">
83
<td width="500" style="padding:10px;" valign="top">
84
<img width="200" src="https://voordemensen.nl/static_images/barcode.jpg"><br>
85
<p>
86
<span class="Event_Name">{{seat.event_name}}</span><br>
87
<span class="Event_short_text">{{seat.event_short_text}}</span>
88
</p>
89
<p class="Date_text">{{seat.event_date|format_date('long',locale=seat.order_lang)}} {{'at'|lang}} {{seat.event_time|format_time('short',locale=seat.order_lang)}}</p>
90
<div class="Address-details">{{seat.location_name}}</div>
91
<p class="Event_details">{{seat.event_text|googletrans}}</p>
92
<div class="Ticket_cat">1x {{seat.seat_tickettype}}</div>
93
<div class="Price_text">{{seat.seat_price}} EUR</div>
94
<div class="Ticket_cat">
95
{% if seat.seat_row_nr&gt;0 %}
96
{{seat.seat_zone}}
97
rij: {{seat.seat_row_nr}}
98
{% endif %}
99
{% if seat.seat_nr&gt;0 %}
100
stoel: {{seat.seat_nr}}
101
{% endif %}
102
</div>
103
<br>
104
</td>
105
<td width="40" style="padding:0px;border-top: 0; border-left: 0; border-bottom: 0; border-style: dotted;">
106
<p class="Barcode_text">
107
{{seat.order_id}}{{seat.seat_barcodetext}}
108
</p>
109
</td>
110
<td style="text-align:center;padding:20px 0px 0px 0x;border-top:1px;">
111
<img width="150" src="https://demo.voordemensen.nl/files/logo zwart-oranje-strakgesneden.png">
112
<p class="Name_text">{{seat.user_firstname}} {% if seat.user_preposition %} {{seat.user_preposition}} {% endif %}{{seat.user_lastname}}</p>
113
<p class="Email_text">({{seat.user_email}})</p>
114
<img src="https://tickets.voordemensen.nl/qr/{{seat.seat_barcodetext}}" style="width: 40mm; background-color; color: black; border:none;">
115
<qrcodes value="{{seat.seat_barcodetext}}" ec="H" style="width: 40mm; background-color; color: black; border:none;">
116
</qrcodes></td>
117
</tr>
118
</tbody>
119
</table>
120
<table class="footer" align="center" cellpadding="10" cellspacing="10">
121
<tbody>
122
<tr style="width:100%;">
123
<td colspan="2" style="width:100%;text-align:center;padding:20px;border-top:1px;">
124
<p class="Footer_text"><br></p>
125
</td>
126
</tr>
127
<tr style="width:100%;">
128
<td colspan="2" style="width:100%;text-align: right">
129
<p class="small">© {{ "now"|date("Y") }} VoordeMensen/{{client.client_companyname}}</p>
130
</td>
131
</tr>
132
</tbody>
133
</table>
134
</page>
135
{% endfor %}
Copied!
Last modified 9mo ago
Copy link