In the Commerce Pro feature we need to make some adjustments in the settings panel in order for it to display the way the example directory app displayed.
So navigate to the settings option on the sub menu in the Commerce Pro feature as shown below.
From here we need to make an adjustment to two of the options.
The first option we need to change is going to be Disabling the Cart.
The second option we need to change is the List View and setting it to Store List.
As shown in this image below.