Skip to content
More
Share
Explore
Add Ons
Screen Fields(Meals)
Fields
Field Type
Mandatory/Optional
Description
1
Meals
Heading and Tab
O
2
Free Meal Popup
pop-up screen
O
In case the booking has free meal option, pop-up will show to the user that available and veg meal will be selected by default.
After closing this pop-up, user can Continue either to confirm or to change the meal.
3
Leg tab
Text tab
User will see the leg for which meal is selected.
It will be clickable when more than 1 Sectors are there in whole trip for example
4
0/2 Meals Selected
Dynamic Text
It will show the data in format:
No. of Option selected/Total no. of travelers(example- 1/2 meals selected)
5
Meals list
Text
O
It will contain list in Boxes which includes below fields:
Image of meal
veg/non-veg color symbol
Meal price
Rules:
In case free meals are available in the response, Veg meal will be selected
6
Add+
CTA+ Input spinner
O
it will start adding that meal.
Input spinner is an input component where the users can enter/select a numer with incrementer and decrementer buttons.)
7
Remove-
Input Spinner
It will start removing that meal. Input spinner is an input component where the users can remove/deselect a numeric value with incrementer and decrementer buttons.)
There are no rows in this table
Screen Fields (Baggage)
Field
Field Type
Mandatory/Optional
Descritpion
1
Baggage
Heading and Tab
M
2
Free excess baggage Pop-up
pop-up screen
O
In case the booking has free excess baggage option, pop-up will show to the user that a free excess baggage is available and Free Excess baggage will be selected by default.
After closing this pop-up, user can Continue either to confirm or to change the selected excess baggage.
Message: “Additional #kg has been added for FREE
3
0/2 Baggage selected
Dynamic Text
It will show the data in format:
No. of Option selected/Total no. of travelers (example- 1/2 baggage selected)
4
Excess Baggage list
Text
O
It will contain list of excess baggage options along with Rates(in base currency)
Rules:
In case free baggage is available in the response, it will be selected by-default.
Excess baggage will be whole Journey wise.
5
Add+/Remove-
Input spinner
it will start adding/removing that baggage
Input spinner is an input component where the users can enter/select a numeric value with incrementer and decrementer buttons.)
6
Information Text
Static text
promotional text will be mentioned to attract user to opt for the facility.
7
Done
CTA
M
It will redirect to Travelers detail page halting the Add-on selection process
8
footer bar
Freezed Navigation Bar
It will show:
9
Fare Bar
Information Button
O
Fare bar will be shown at the bottom of the page.
If user selects (i) button the fare breakup will open which includes:
Rule: All the Fare rates will be shown as per the currency/country selected.
10
Skip to Payment
Button
O
The button is present at the top of the screen.
It will skip the addons page in case user changes his mind and want to ignore the add-on facilities.
Rule:
In case user has selected seat/meal/excess baggage for any of the sector or 1 leg out of 2/3 Legs and clicked on Skip button, then the selected seat/meal/excess baggage will be saved for the booking.
There are no rows in this table
Screen Fields(Seat Selection)
Field
Field Type
Mandatory/Optional
Description
1
Free seats Pop-up
pop-up screen
O
In case the booking has free seat option, pop-up will show to the user that a free seat is available and will be selected by default.
After closing this pop-up, user can Continue either to confirm or to change the selected seat.
2
Seats
Heading and Tab selection
O
User can select meal, seat or baggage tabs and click on Continue button.
3
Layover leg -wise seat
Sub-Heading and Tab selection
M
In case the complete trip has 1 or 2 Stops(layover) then user can select seat for each leg.
Rule:
In case user Skip the seat selection, it will by-default selected at the time of check-in at airport. Seat will be blank at frontend.
In case user has selected seat for 1 leg out of 2/3 Legs and clicked on Skip, then the selected seat will be saved in the booking.
4
0/2 Seats selected
Dynamic Text
It will show the data in format:
No. of Option selected/Total no. of travelers (example- 1/2 seats selected)
5
Seat Map
Radio button
In this section user will able to tap on seat w.r.t. viewing the whole aircraft blueprint.
Few seats will be chargeable, a color guide will be provided at the below of seat map.
6
Color Index
Color box
It will show the seat bifurcation on basis of different color like:
Color identifier need to be displayed for seat layout.
Rule:
price may change and will be shared through API
7
Next
CTA
M
It will redirect to next tab.
There is no hard coded sequence for tabs
There are no rows in this table
Acceptance Criteria:
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.