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

Автор Вадим, 11 марта 2014, 11:37:41

« назад - далее »

Вадим

Подскажите у куда и чего можно дописать чтоб при введении на атрибут цвета он увеличивался лупой в 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.

Вадим

#4
попробовал с 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 и ошибок не возникает.

Вадим

Цитата: DarinSr от 12 марта 2014, 14:23:12
Скрорее всего ошибка в том, что вы вставляте 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

Вадим

Цитата: Вадим от 13 марта 2014, 23:45:00
Цитата: DarinSr от 12 марта 2014, 14:23:12
Скрорее всего ошибка в том, что вы вставляте 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
Друзья пожалуйста подскажите как можно изменить эту ошибку?