3.2.1.1 - Hotel List

Component Tree

• Hotel Listing
  • Hotel Offer 
    • Hero Images
      • Size is fixed
    • Hotel Name (e.g ibis Hong Kong)
    • Region (e.g. Sheung Wan)
    • Hotel Description
    • Member Price 
      • Tag
    • Nightly Price
    • Total Price 
      • Label: includes taxes & fees
    • Collect this hotel button
  • Sort by
    • Recommended
    • Price
    • Distance from downtown
    • Guest rating + our picks
    • Price + our picks
    • Star rating
•  Filters
  • Search by Property Name -
    • Keyword search of Hotel English name or Chinese name
  • Popular Filters
    • Control: checkboxes
    • Data: returned by JSON
  • Price per night
    • Control: Slider with min/max values
    • Data: Min is the minimum value of all hotel offers. Max is maximum value of all hotel offers.
  • Guest rating
    • Control: Radio group 
    • Data: Any, Wonderful (9+), Very good (8+), Good (7)
  • Star rating:
    • Data: 1, 2, 3, 4, 5
  • Payment type
    • Data:
      • Fully refundable
      • Reserve now, pay later
  • Property Type
    • Data: get distinct values from hotel offers
  • Vacation Rental bedrooms
    • Data
      • Studio
      • 1
      • 2
      • 3
      • 4+
  • Neighborhood
  • Popular Locations
  • Meal plans available
  • Amenities
  • Travel experience
    • Control : checkboxes
    • Data
      • LGBTQ welcoming
      • Business friendly
      • Family friendly

Notes:

No page refresh, only Ajax