Перейти к содержанию
Форум поддержки пользователей VamShop

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


support

Рекомендуемые сообщения

Пример - 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

  • Like 9
Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...