Переключение табличного и колоночного дизайна посетителем внутри категории

[support 447]

Пример - http://www.autoprila.../c16_Maslo.html

кому надо код вот:

{literal}<script type="text/javascript">jQuery.noConflict();jQuery(document).ready(function(){var dt = jQuery.cookie("display_type");if(dt == 'list'){  jQuery(".pageItem dl").attr("class","table-view");  jQuery("#toggle_list").css("background-position","top left");}if(dt == 'column'){  jQuery(".pageItem dl").attr("class","itemNewProductsDefault");  jQuery("#toggle_column").css("background-position","top right"); }if(dt != 'column' && dt != 'list'){jQuery("#toggle_list").css("background-position","bottom left");jQuery("#toggle_column").css("background-position","top right");}jQuery("#toggle_list").click(function(){  jQuery.cookie("display_type",null);  jQuery(".pageItem dl").attr("class","table-view");  jQuery("#toggle_list").css("background-position","top left");  jQuery("#toggle_column").css("background-position","bottom right");  jQuery.cookie("display_type","list", { expires: 7,path: "/"});});jQuery("#toggle_column").click(function(){  jQuery.cookie("display_type",null);  jQuery(".pageItem dl").attr("class","itemNewProductsDefault");  jQuery("#toggle_list").css("background-position","bottom left");  jQuery("#toggle_column").css("background-position","top right");  jQuery.cookie("display_type","column", { expires: 7,path: "/"});})});</script>{/literal}

[/CODE]


 

CSS вот:

[CODE]

/* table view products */

#toggle_list,#toggle_column{display:block; width:20px; height:20px; background:#ccc url(/templates/clean/img/listview.png) no-repeat bottom left; margin:0 2px; float:right; cursor: pointer}

#toggle_column {background-position:bottom right}

#toggle_column:hover{background-position: top right}

#toggle_list:hover{background-position: top left}

.table-view{border:1px solid #ccc;display:block;float:none;height:65px;margin:5px 0;padding:5px;width:auto;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.table-view .itemImage {display:none}

.table-view .itemDescriptionName{display:block;height:auto;margin:0;overflow:hidden;width:440px; text-align:left; float:left}

.table-view .bil{padding-top:0; float:left; width:240px}

.table-view .itemDescriptionPrice br {margin:0; padding:0; float:left}

/* eof table-view */

но это применимо к моему шаблону :D

не забудьте подключить библиотеку http://yandex.st/jqu...y.cookie.min.js