Skip to content
More
Share
Explore
Add Ons
Scope:
Note: No. of tabs visible will be based on enabled Add-ons from “Websettings” API response including seats, meals and baggage.
3 Tabs will be visible here at the top based on the response.
User is able to Select Seats, Meals and Excess baggage options.
User is able to apply for Visa or any other cross selling products.
User Story:
Navigation: This page will be launched when user will tap on Add-ons arrow link in Travel Detail Page.
Access: All users have access this page
Layout:
Screen Fields(Meals)
Fields
Field Type
Mandatory/Optional
Description
Meals
Heading and Tab
O
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.
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
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)
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
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.)
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
Baggage
Heading and Tab
M
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
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)
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.
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.)
Information Text
Static text
promotional text will be mentioned to attract user to opt for the facility.
Done
CTA
M
It will redirect to Travelers detail page halting the Add-on selection process
footer bar
Freezed Navigation Bar
It will show:
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.
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
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.
Seats
Heading and Tab selection
O
User can select meal, seat or baggage tabs and click on Continue button.
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.
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)
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.
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
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.