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>