Идет список ссылок в ряд, при клике на ссылку, например М12, товар показывается соответственно с параметром М12, при клике на Все , показывается весь товар.
<a rel="all">Все</a>
<a rel="12">М12</a>
<a rel="16">М16</a>
<a rel="20">М20</a>
<a rel="24">М24</a>
<a rel="30">М30</a>
Сам список товаров идет блоками по 2 <div> в ряд примерно вот так:
<div class="row">
<div class="width50 first-item">
<div class="teaser-item">
<h2 class="pos-title">
<a href="...." title="....">....</a>
</h2>
<p class="pos-links">
<span class="element element-itemlink first last">
<a href="....">Подробнее...</a>
</span></p></div></div>
<div class="width50">
<div class="teaser-item">
<h2 class="pos-title">
<a href="...." title="....">....</a>
</h2>
<p class="pos-links">
<span class="element element-itemlink first last">
<a href="....">Подробнее...</a>
</span></p></div></div></div>