normal css
#productContainer .productItem {
width: 287px;
float: left;
margin: 10px 12px 10px 11px;
border: 1px solid #d4d4d4;
}4 sutun css
#productContainer.prc-4 .productItem {
position: relative;
width: 215px;
float: left;
margin: 8px;
}js
function sortType(type) {
if (type == 4) {
$('#productContainer').addClass("prc-4");
$('#sort-3').removeClass("block");
$('#sort-4').addClass("block");
_gaq.push(['_trackEvent', 'ButikGoruntu', 'Dortlu']);
$.TYSetCookie({ name: "TY.ProductViewSortType", value: "4" });
}
else {
$('#productContainer').removeClass("prc-4");
$('#sort-3').addClass("block");
$('#sort-4').removeClass("block");
_gaq.push(['_trackEvent', 'ButikGoruntu', 'Uclu']);
$.TYSetCookie({ name: "TY.ProductViewSortType", value: "3" });
}
}3 sutun btn
<a id="sort-3" class="butik-3 left block" onclick="sortType(3);"></a>
4 sutun btn
<a id="sort-4" class="butik-4 left" onclick="sortType(4);"></a>