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