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
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: