http://shop.omito.ru/category/scooter/
для вывода блоков с товарами используется плагин
вот инициализация.
{literal}<script type="text/javascript">
$(document).ready(function(){
$('#conteiner_mas').masonry({
itemSelector: '.item',
singleMode: true,
isResizable: true,
isAnimated: true,
animationOptions: {
queue: false,
duration: 500
}
});
});
</script>{/literal}
#conteiner_mas {overflow:hidden; width:100%; display:block; max-height:100%; float: left;}
.item {
float: left;
}
#conteiner_mas .item {width: 230px; margin: 10px; }
#conteiner_mas .item li{list-style-type: none;}
#conteiner_mas .item a{ text-decoration: none;}
#conteiner_mas .item h5{ color: #fff; font-weight: normal; font-size: 1.5em;}
#conteiner_mas .item .my_price{ color: #fff; font-weight: normal; font-size: 1.5em; border: 1px solid #fff; border-radius: 18px; padding: 2px 5px;}
#conteiner_mas .item .compare-at-price{ color: #fff; font-weight: normal; font-size: 1.0em; }
вверху стили.
Плагин работает, но не совсем корректно. во всех браузерах блоки накладываются друг на друга, обычно это вылазит после пары обновлений.
В чем может быть причина.