So far, all our examples have been based on a div-based product list style. There are actually three different product list styles, each of which has its own template. The browse_notables.tpl.php
template is used for div-based list style. The browse_layouttable.tpl.php
is used for table-based list style. The browse_listtable.tpl.php
template is used for showing the products in a table.
The div-based and table-based product lists aren't too different in the frontend. However, the table style product list is very different, with a header row at the top and a table row for each product.
The table style product list does not use the core browse template to show the product properties. Instead, the entire layout is done in one single template: browse_listtable.tpl.php
. If you need to add a column or change any CSS style, you have to modify this template. In this exercise, we will explore how to add...