Product Detail Page

To make a choice of exceptional consequence.

In this page

Prototype

July 17th, 2020

Product Detail Page

Latest changes to the Product Detail Page have been applied to the prototpye.

See Prototype

Revisions

Price Details

The focus of this revision is the adjustment of the price section. The following buttons show the current and the new design.

Current New Layout for Price Section

  • We have modified the Price Details section with the following rows.
    • Total
    • Refundable Damage Deposit
    • Total + Deposit
  • A tool tip has been added to the Refundable Damage Deposit.
  • An additional row has been added – Your Payment is.
Code

See Bootstrap CodeCSS Styles


Photo Gallery

  • We made the Photo Gallery to appear as close as possible to Expedia's photo gallery.
    • Round circles for previous and foward
    • Counter at lower right corner
    • Link to view larger image
  • We added a modal window that goes full screen (click on the image)
  • We added the Date Picker styles and functionality.