Yes, you use ditto to output a loop of ’boxes’, you control the number of results with &display=`12`. In this case the output is a list <li> and you control the way they look with the css styles. Each one of the items represents a MODx document. In the case of a store you would make a document for each item and add template variables for each of the product options (color, price, size...) and prepare the ditto tpl accordingly.
This is the style information that controls the way the columns look:
#columns li {
float: left;
height: auto;
width: 21% !important;
margin-bottom: 10px;
border: 1px solid black;
padding: 5px; }
You can alter this code to change the look of the boxes.
Using a table with Ditto is also an option. Instead of making each box a list item <li> you can make it be a table cell <td>. You can also add the native pagination that Ditto provides.
☆ A M B ☆