Как сделать увеличение атрибута цвета

[Вадим]

Подскажите у куда и чего можно дописать чтоб при введении на атрибут цвета он увеличивался лупой в 2 -5 раз  для более детального рассмотра расцветки?

[Adik]

Можно добавить js функцию

Код: [Выделить]

$(function(){
  $('.color_pick').hover(function(){
    $(this).stop().animate({width:"Размер большой картинки в px",height:"Размер большой картинки в px"}, 300);
  }, function(){ $(this).stop().animate({width:"Размер маленькой картинки в px",height:"Размер маленькой картинки в px"}, 300); });
});Можно новые правила стилей

Код: [Выделить]

a.color_pick{width:Размер маленькой картинки в px;height:Размер маленькой картинки в px;}
a.color_pick:hover {width:Размер большой картинки в px;height:Размер большой  картинки в px;overflow:visible;visibility:hidden;position:absolute; z-index:1000;top:можно указать смещение;left:можно указать смещение;}

[Вадим]

А в какой файл нужно вписывать код и после каких строк?

[coder]

Стили можно в global.css или в product.css, js код в шаблон product.tpl.

[Вадим]

попробовал с JS функцией- страница подробнее о товаре вовсе не открывается
со стилями дает на атрибутах искажение а не увеличение

а имеет значение где написать?

http://rossiyaopt.ru/trikotazh/259-model-6808.html#/razmery-50/avals_cvetnoj_trikotazh-ct_029_plamya

[coder]

Js код можно напрямую в шаблон вставлять, если вставил без ошибок, то должно работать.
Стили лучше в global.css добавить.
Если страница не открывается,то может тег какой не закрыт, запятая пропущена и т.д. Проверять нужно. Включи логирование на вирт. хосте, так точно определишь в чем проблема.

[DarinSr]

Скрорее всего ошибка в том, что вы вставляте javascript в шаблон tpl без тегов literal.
Для добавления javascript в файлы tpl нужно выделять код тегами

Код: [Выделить]

{literal}
<script type="text/javascript">
  ........
</script>
{/literal}Весь текст внутри тэгов {literal}{/literal} не обрабатывается  smarty и ошибок не возникает.

[Вадим]

Скрорее всего ошибка в том, что вы вставляте javascript в  tpl без тегов literal.
Для добавления javascript в файлы tpl нужно выделять код тегами

Код: [Выделить]

{literal}
<script type="text/javascript">
  ........
</script>
{/literal}Весь текст внутри тэгов {literal}{/literal} не обрабатывается  smarty и ошибок не возникает.

с тегами зароботало, вот только все прыгает заместо плавных переходов http://rossiyaopt.ru/shelk/233-model-58.html#/razmery-s/avals_cvetnoj_shelk-csh_114_3

[Вадим]

Скрорее всего ошибка в том, что вы вставляте javascript в  tpl без тегов literal.
Для добавления javascript в файлы tpl нужно выделять код тегами

Код: [Выделить]

{literal}
<script type="text/javascript">
  ........
</script>
{/literal}Весь текст внутри тэгов {literal}{/literal} не обрабатывается  smarty и ошибок не возникает.

с тегами зароботало, вот только все прыгает заместо плавных переходов http://rossiyaopt.ru/shelk/233-model-58.html#/razmery-s/avals_cvetnoj_shelk-csh_114_3

Друзья пожалуйста подскажите как можно изменить эту ошибку?