Show mini-page layout in visualforce page

What is mini-page layout?

• A mini page layout contains a subset of the items in an existing page layout. 
• Mini page layouts inherit record type and profile associations, related lists, fields, and field access settings from their associated page layout. 
• It can be customized and agents can act more quickly, gaining quick access to fields and related list information without having to scroll or scour the page for essential information.

To setup mini page layout:

Setup -> Select object -> Page layout -> Edit layout -> mini-page layout

Select the fields that needs to be displayed in the layout. 

Now let us see how the mini-page layout can be used in visualforce page

Here is bit of code snippet to show the mini-page layout. 

LookupHoverDetail javascript method is loads from the main.js