Mit den Widgets kannst du Informationen zu deinen Veranstaltungen in unterschiedlichen Formen auf deine Homepage integrieren. 

Der Vorteil hierbei ist, wenn diese Widgets einmal eingebunden sind, kannst du den Inhalt und die Darstellung komplett aus dem Ticketsystem heraus steuern.



Style 2

  • Alle Veranstaltungen oder einzelne Veranstaltungstage werden in einer Liste dargestellt.
  • Durch klick auf den Button Tickets gelang der Kunde in den Shop und kann sich den Veranstaltungstag auswählen.
  • Dieses Widget eignet sich für die Seitenleiste deiner Webseite.
  • In diesem Widget sind folgende Variablen verbaut:
  • Veranstaltungsname
  • Veranstaltungsdatum
  • Ticket-Button
Image Placeholder



HTML Code:


<div class='event3'>
<div class='ego-eventwrapper'>
<div class='ego-column-2'>
<div class='event-name3'>{EVENTNAME}</div>
<div class='event-date3'>{EVENTDATE}</div>
<div class='event-button3'>{BUTTON}</div>
</div>
</div>
</div>


CSS Code:

.event3 {
margin-bottom : 10px;
}
.ego-eventwrapper {
border : #BBA887 solid 1px;
box-shadow : none;
padding : 10px 15px;
}
.event-button3 {
text-align : center;
}
.event-button3 a {
display : inline-block;
font-weight : normal;
font-size : 14px;
padding : 4px 10px;
background-color : #85754E;
color : #fff !important ;
width : 100%;
}
.event-button3 .button:hover {
background-color : #000;
color : #fff;
}
@media (max-width: 640px) {
.event3 {
float : none;
width : 100%;
margin-bottom : 10px;
}
}

Erstellung eines Widgets:




Einbindung eines Widgets: