In this part, we will customize the footer in order to show further information as we can visualize in Levi's site:

To achieve a similar footer, define the following structure:

Once the structure is defined, you should define or modify the following classes:
Class MasterFooterCellHM

Class MasterFooterCellVM>DIV, .MasterFooterCellFixedVM>DIV, .MasterFooterCellHM>DIV, .MasterFooterCellFixedHM>DIV, .MasterFooterCellVMSidebarImage>DIV, .MasterFooterCellFixedVMSidebarImage>DIV

Class CardFooterItem

You should also set the Display property = Block
Class CardFooterTitle

You should also set the Display property = Block
Class CellTableContentWithFooter

Asssign the created classes according to the following definition:


Run the application and visualize the results at runtime:

You can download the xpz for this part from: Part 7
|