sunweb

Transport Summary

widget transport summary

Definition


This widget represents the transport summary, which displays transport information with departure date and return date.

w-transport-summary Flight Summary

Handlebars

Departure 6 juni 2016
Amsterdam Heraklion
12:05
14:10
Transavia
20 kg
8 kg
Flexible ticket
Return 18 juni 2016
Heraklion Amsterdam
10:05
12:10
Transavia  -  HV5067
20 kg
8 kg
Regular ticket
Flight times and routes are subject to change
Loading...

Javascript

Loading...

w-transport-summary Flight Changed Summary

Times or locations could change, so we can highlight changes. A change can happen only for one direction, so it is possible to only show departure or return.

Handlebars

Return 20 juni 2016 18 juni 2016
Chania Heraklion Rotterdam Amsterdam
8:05 10:05
10:10 12:10
Transavia  -  HV5067
20 kg
8 kg
Regular ticket
Flight times and routes are subject to change
Loading...

Javascript

Loading...

w-transport-summary Bus Summary

A transport summary for the type bus.

Handlebars

Departure 18 juni 2019
Piarocoplein, Amsterdam (P+R slotedijk)
Megabus
Return 30 juni 2019
Piarocoplein, Amsterdam (P+R slotedijk)
Piarcoplein
Flight times and routes are subject to change
Loading...

w-transport-summary no transport message

When one of the transports is not available, we can display a message by setting the property showNoTransportMessage to true.

Handlebars

Departure
No outbound transport
Return 6 juni 2016
Heraklion Amsterdam
10:05
12:10
Transavia  -  HV5067
20 kg
8 kg
Regular ticket
Flight times and routes are subject to change
Loading...

Javascript

Loading...

Variants


w-transport-summary > w-transport-summary--row

The row variant for distribution is used to show the departure and return information one below another in all breakpoints.

Handlebars

Departure 6 juni 2016
Amsterdam Heraklion
12:05
14:10
Transavia
20 kg
8 kg
Flexible ticket
Return 18 juni 2016
Heraklion Amsterdam
10:05
12:10
Transavia  -  HV5067
20 kg
8 kg
Regular ticket
Flight times and routes are subject to change
Loading...

Javascript

Loading...