На страницах блогов нашел модуль Указатель 1.10.Х (http://instantcms.ru/blogs/leothemes-ru/modul-ukazatel-1-10-h.html)
Даже написал создателю, чтобы он объяснил как подключить модуль к версии движка 1.9. Но ответа так и не последовало как видно из переписки. Поэтому пришлось как всегда разбираться самому.
Суть доработки, если кто не знает следующая. На сайте вы определяется место к которому нужно привлечь внимание, появляется стрелка (нужного цвета) которая постоянно указывает на это место (пример работы: nasosu.com.ua/catalog/item10100.html ).
Решил применить данную опцию в каталоге и сделать ссылку в разделе каталог на "Подшипники аналоги на сайте"
Согласно статистике посещения, пользователи попадая на страницу подшипника, которого нет с наличии просто уходят. Данная опция позволит привлечь внимание к автоматизированному поиску подшипников.
Для работы этой опции нужно:
1. Добавить 3 файла скриптов в папку /templates/shop_atw/js
2. Добавить файл стиля в папку /templates/shop_atw/css — liTarget.css
3. Дописать подключение файла стиля liTarget.css в head файла template.php
4. Внести правку в файл отображения позиции Универсального каталога com_catalog_item.tpl. Мне необходимо было сделать в два места, когда цена больше 0 и когда равна нулю.
В правке видны наименования трех файлов javascript, а также функция запуска $(function(){$('.target-vip').liTarget();}).
Цвет стрелки нужно править в файле liTarget.css
Для определения места куда указывает стрелка, нужно присвоить ссылке (тексту, рисунку и т.д) — class="target-vip"
Пример моих правок файла com_catalog_item.tpl
Больше нуля
Равна нулю
Варианту работы можно посмотреть на сайте — nasosu.com.ua/catalog/item377.html.
Кому это нужно, вот требуемые файлы — instantcms.ru/users/files/download5592.html
Если есть вопросы, обращайтесь.
Жду ваших дополнений,
Спасибо за внимание.
Даже написал создателю, чтобы он объяснил как подключить модуль к версии движка 1.9. Но ответа так и не последовало как видно из переписки. Поэтому пришлось как всегда разбираться самому.
Суть доработки, если кто не знает следующая. На сайте вы определяется место к которому нужно привлечь внимание, появляется стрелка (нужного цвета) которая постоянно указывает на это место (пример работы: nasosu.com.ua/catalog/item10100.html ).
Решил применить данную опцию в каталоге и сделать ссылку в разделе каталог на "Подшипники аналоги на сайте"
Согласно статистике посещения, пользователи попадая на страницу подшипника, которого нет с наличии просто уходят. Данная опция позволит привлечь внимание к автоматизированному поиску подшипников.
Для работы этой опции нужно:
1. Добавить 3 файла скриптов в папку /templates/shop_atw/js
2. Добавить файл стиля в папку /templates/shop_atw/css — liTarget.css
3. Дописать подключение файла стиля liTarget.css в head файла template.php
В правке видны наименования трех файлов javascript, а также функция запуска $(function(){$('.target-vip').liTarget();}).
Цвет стрелки нужно править в файле liTarget.css
Для определения места куда указывает стрелка, нужно присвоить ссылке (тексту, рисунку и т.д) — class="target-vip"
Пример моих правок файла com_catalog_item.tpl
Больше нуля
{if $item.price > 0} {* ==== Стрелка указатель - начало ==== *} {literal} <script type="text/javascript" src="/templates/shop_atw/js/jquery09.js"></script> <script type="text/javascript" src="/templates/shop_atw/js/jQueryRotate.js"></script> <script type="text/javascript" src="/templates/shop_atw/js/jquery.liTarget.js"></script> <script> $(function(){ $('.target-vip').liTarget(); }) </script> <div class="target-vip" style="margin-left: 204px; margin-top: -22px; color: #3f3f3f; font-size: 10px; width: 5px;">.</a></div> {/literal} {* ==== Стрелка указатель - конец ==== *} <table cellspacing="0" >
Равна нулю
{if $item.price == 0} {* ==== Стрелка указатель - начало ==== *} {literal} <script type="text/javascript" src="/templates/shop_atw/js/jquery09.js"></script> <script type="text/javascript" src="/templates/shop_atw/js/jQueryRotate.js"></script> <script type="text/javascript" src="/templates/shop_atw/js/jquery.liTarget.js"></script> <script> $(function(){ $('.target-vip').liTarget(); }) </script> <div class="target-vip" style="margin-left: 204px; margin-top: -22px; color: #3f3f3f; font-size: 10px; width: 5px;">.</a></div> {/literal} {* ==== Стрелка указатель - конец ==== *}
Кому это нужно, вот требуемые файлы — instantcms.ru/users/files/download5592.html
Если есть вопросы, обращайтесь.
Жду ваших дополнений,
Спасибо за внимание.
Реклама #
vikont 9 лет назад #
Думаю более действенным был бы указатель, который стоит на месте (пульсирует или мерцает) и показывает куда надо обратить внимание. Может быть даже высвечивать некое слово над стрелкой. В данном случае уместно слово "Аналоги"
Это мое личное мнение.
Yossarian 9 лет назад #
Наверное я немного повременю с решением, дождусь реакцию посетителей. Если я с помощью этого указателя увеличу обращение посетителей к автоматизированному поиску, то это будет означать что цель достигнута.
Если этого не произойдет, то нужно будет что-то менять.
Dorimen 9 лет назад #
WebMan 9 лет назад #
ivanish 9 лет назад #
Владимир Савенко ✝️ 9 лет назад #
Как пользователя напрягла - мельтешит, не дает сосредоточится на информации. Как по мне так есть проверенные способы привлечения внимания (цвет, шрифт, заливка фона)
Больше вижу реализацию данной разработки. как фишка на сайт к первому апреля (можно место стрелки муху показывать или божью коровку) :)
Майкл 9 лет назад #