dvi3001

Подсказка при наведении курсора.

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

dvi3001    7

Помогите сделать подсказку при наведении курсора на картинку.

Поподробней если можно. А то у самого не получается.Гуглю читаю но не получается.

Как вот тут к примеру.

post-22510-0-84969800-1371973107_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ingenerks    295

Вот как варианты реализации уже с примером кода. Там же на сайте еще больше сможете найти!!!

http://ruseller.com/lessons.php?rub=32&id=282

http://ruseller.com/lessons.php?rub=2&id=1315

http://ruseller.com/lessons.php?rub=2&id=1078

http://ruseller.com/lessons.php?rub=32&id=214

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dvi3001    7

Не как не получается.

Вот этот вариант хочу реализовать http://ruseller.com/lessons.php?rub=2&id=1078

Файл tooltip.css закинул в папку стилей

Файл jquery.tools.min.js закинул в папку javascript/jquery

 

Вот на эту картинку нужно добавить подсказку:

<a target="_blank" href="ссылка на строницу"><img style="" src="путь до картинки" alt=""></a>

 

делал как в примере,не получилось.Помогите!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
12strun    264

Файл tooltip.css закинул в папку стилей

Файл jquery.tools.min.js закинул в папку javascript/jquery

А tooltip.css и jquery.tools.min.js подключили в header'е?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dvi3001    7

Файл tooltip.css закинул в папку стилей

Файл jquery.tools.min.js закинул в папку javascript/jquery

А tooltip.css и jquery.tools.min.js подключили в header'е?

Да!

<script src="jquery.tools.min.js"></script>

<link rel="stylesheet" type="text/css" href="tooltip.css"/>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
12strun    264

Да!

<script src="jquery.tools.min.js"></script>

<link rel="stylesheet" type="text/css" href="tooltip.css"/>

Не правильно. Если файл лежит в javascript/jquery, подключать надо так:

<script src="catalog/view/javascript/jquery/jquery.tools.min.js"></script>
css-файл по аналогии.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dvi3001    7

Да!

<script src="jquery.tools.min.js"></script>

<link rel="stylesheet" type="text/css" href="tooltip.css"/>

Не правильно. Если файл лежит в javascript/jquery, подключать надо так:

<script src="catalog/view/javascript/jquery/jquery.tools.min.js"></script>
css-файл по аналогии.

Спасибо! Пойду исправлю и ещё попробую.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dvi3001    7

Поправил:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/rofu3/stylesheet/tooltip.css"/>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.tools.min.js"></script>

Всё заработало!Спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dvi3001    7

Вопрос решён!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От mazein


      Просмотреть файл Подсказка для атрибутов, групп атрибутов, опций и их значений - ocmod_2.x
      Всплывающая подсказка для атрибутов, групп атрибутов, опций и их значений
      Функции модуля (all_description_oc2.x.ocmod.xml):
      всплывающее описание (подсказка) для группы атрибутов всплывающее описание (подсказка) для атрибутов всплывающее описание (подсказка) для значений атрибутов всплывающее описание (подсказка) для опций всплывающее описание (подсказка) для значений опций Функции второй версии модуля (all_description_v2_oc2.x.ocmod.xml):
      всплывающее описание (подсказка) для группы атрибутов всплывающее описание (подсказка) для атрибутов всплывающее описание (подсказка) для значений атрибутов всплывающее описание (подсказка) для опций всплывающее описание (подсказка) для значений опций выбор опции по умолчанию возможность задать подсказку значению опции как на странице опций, так и на странице редактирования товара, причём на сайте выводиться будет подсказка со страницы редактирования товара. Функции третьей версии модуля (all_description_v3_oc2.x.ocmod.xml):
      Всё вышеперечисленное Возможность задать подсказки разным значениям атрибутов через запятую. Описание выводится в карточке товара (вкладка характеристики), и на странице сравнения товаров.
      Установка стандартная для ocmod:
      Панель управления - Установка дополнений
      Для правильной работы модуля, после его установки обязательно зайти в:
      Каталог - Атрибуты - Атрибуты
      Каталог - Атрибуты - Группы атрибутов
      Каталог - Опции - Редактирование опции (любой)
      Демо Автор mazein Добавлен 03.02.2016 Категория Модули Работает на OpenCart Системные требования Работает на ocStore Сайт разработчика Работает на OpenCart.Pro, ocShop Старая цена Метод активации Ioncube Loader  
    • От mazein
      Всплывающая подсказка для атрибутов, групп атрибутов, опций и их значений
      Функции модуля (all_description_oc2.x.ocmod.xml):
      всплывающее описание (подсказка) для группы атрибутов всплывающее описание (подсказка) для атрибутов всплывающее описание (подсказка) для значений атрибутов всплывающее описание (подсказка) для опций всплывающее описание (подсказка) для значений опций Функции второй версии модуля (all_description_v2_oc2.x.ocmod.xml):
      всплывающее описание (подсказка) для группы атрибутов всплывающее описание (подсказка) для атрибутов всплывающее описание (подсказка) для значений атрибутов всплывающее описание (подсказка) для опций всплывающее описание (подсказка) для значений опций выбор опции по умолчанию возможность задать подсказку значению опции как на странице опций, так и на странице редактирования товара, причём на сайте выводиться будет подсказка со страницы редактирования товара. Функции третьей версии модуля (all_description_v3_oc2.x.ocmod.xml):
      Всё вышеперечисленное Возможность задать подсказки разным значениям атрибутов через запятую. Описание выводится в карточке товара (вкладка характеристики), и на странице сравнения товаров.
      Установка стандартная для ocmod:
      Панель управления - Установка дополнений
      Для правильной работы модуля, после его установки обязательно зайти в:
      Каталог - Атрибуты - Атрибуты
      Каталог - Атрибуты - Группы атрибутов
      Каталог - Опции - Редактирование опции (любой)
      Демо
    • От Artem62
      Как можно реализовать такое:
      Появление/всплытие (подсказки)<title>, при наведении курсора на опцию в Карточке товара.
      Образец на фото

    • От AlexDW




      Название: Attribute Tooltip 2X - подсказки для атрибутов
      Добавил: AlexDW
      Добавлен: 20 окт. 2015
      Категория: Прочее
      Работает на OpenCart: 2.0.0.0 - 2.3.0.2Работает на ocStore: 2.0.0.0 - 2.3.0.2
      Работает на OpenCart.Pro, ocShop: 2.0.0.0 - 2.3.0.2
      Метод активации: Без активации
      Ioncube Loader: Нет


      Атрибуты товара (его характеристики) - основополагающий момент, которым мы руководствуемся при выборе и совершении покупки.
      Умение разбираться в характеристиках - залог удачной покупки.
      Нередко возникает ситуация, когда атрибут товара специфичен и хотелось бы добавить ему описание, избавив покупателя от поиска значения атрибута - но к сожалению стандартно в Opencart такой возможности нет.
      Модуль Attribute Tooltip 2X добавляет возможность задать подсказки для атрибутов в Opencart 2.x, облегчая покупателям выбор товара.
      В карточке товара (а также на странице сравнения товаров) рядом с названием атрибута добавляется иконка подсказки в виде вопросительного знака.
      При наведении курсора (или клике по значку в случае использования мобильных устройств) появляется всплывающая подсказка с описанием атрибута.
      Описание задается в админке, непосредственно при редактировании Атрибутов и Групп атрибутов.
      (при установке модуля автоматически будут созданы дополнительные поля для описаний в таблицах oc_attribute_description и oc_attribute_group_description)
      Attribute Tooltip 2X поддерживает HTML - используйте текст и графику для оформления, вставляйте ссылки на информационные страницы с развернутым описанием.
      Наличие подобных страниц позволит помочь покупателям с выбором и привлечет дополнительный трафик из поисковых систем.
      Модуль имеет более 20 встроенных стилей подсказок. При наличии знаний CSS вы можете изменить любой из них под свой дизайн.
      Демо Админка логин/пароль demo
      Особенности:
      - добавление подсказок для атрибутов на странице товара и странице сравнения
      - подсказки для атрибутов и групп атрибутов
      - поддержка HTML-контента в подсказках (текст, изображения, ссылки и тд)
      - более 20 вариантов внешнего вида подсказок
      - поддержка мультиязычности
      - полностью автоматическая установка, не нужно править БД вручную
      - совместим с ocStore / OCSHOP - Opencart.cms|pro / Opencart версий 2.0.0.x - 2.3.0.2
      Версия модуля для движков 1.5.x доступна здесь
      Установка:
      Загрузить архив AttributeTooltip.ocmod.zip в Extension Installer и обновить кэш модификаций.
      Потом зайти в Модули, установить и настроить Attribute Tooltip 2X.
      Если у вас не настроен FTP для загрузки архивов ocmod.zip - воспользуйтесь этим патчем
      Условия использования:
      Модуль распространяется по принципу "1 покупка = 1 домен +его поддомены".
      Для использования модуля на другом домене Вы должны приобрести еще одну копию модуля.
      Запрещается несанкционированное использование, копирование, перепродажа, передача модуля третьим лицам, а также иные способы распространения, в том числе в ознакомительных целях.
      Другие дополнения:
      -----------------------------
      CostPrice - закупочная цена товаров
      AutoField - групповое заполнение полей
      SearchOrder - менеджер заказов
      AutoSearch 2x - моментальный поиск для Opencart 2.0

      Нажмите здесь, чтобы скачать файл
    • От AlexDW
      Атрибуты товара (его характеристики) - основополагающий момент, которым мы руководствуемся при выборе и совершении покупки.
      Умение разбираться в характеристиках - залог удачной покупки.
      Нередко возникает ситуация, когда атрибут товара специфичен и хотелось бы добавить ему описание, избавив покупателя от поиска значения атрибута - но к сожалению стандартно в Opencart такой возможности нет.
      Модуль Attribute Tooltip 2X добавляет возможность задать подсказки для атрибутов в Opencart 2.x, облегчая покупателям выбор товара.
      В карточке товара (а также на странице сравнения товаров) рядом с названием атрибута добавляется иконка подсказки в виде вопросительного знака.
      При наведении курсора (или клике по значку в случае использования мобильных устройств) появляется всплывающая подсказка с описанием атрибута.
      Описание задается в админке, непосредственно при редактировании Атрибутов и Групп атрибутов.
      (при установке модуля автоматически будут созданы дополнительные поля для описаний в таблицах oc_attribute_description и oc_attribute_group_description)
      Attribute Tooltip 2X поддерживает HTML - используйте текст и графику для оформления, вставляйте ссылки на информационные страницы с развернутым описанием.
      Наличие подобных страниц позволит помочь покупателям с выбором и привлечет дополнительный трафик из поисковых систем.
      Модуль имеет более 20 встроенных стилей подсказок. При наличии знаний CSS вы можете изменить любой из них под свой дизайн.
      Демо Админка логин/пароль demo
      Особенности:
      - добавление подсказок для атрибутов на странице товара и странице сравнения
      - подсказки для атрибутов и групп атрибутов
      - поддержка HTML-контента в подсказках (текст, изображения, ссылки и тд)
      - более 20 вариантов внешнего вида подсказок
      - поддержка мультиязычности
      - полностью автоматическая установка, не нужно править БД вручную
      - совместим с ocStore / OCSHOP - Opencart.cms|pro / Opencart версий 2.0.0.x - 2.3.0.2
      Версия модуля для движков 1.5.x доступна здесь
      Установка:
      Загрузить архив AttributeTooltip.ocmod.zip в Extension Installer и обновить кэш модификаций.
      Потом зайти в Модули, установить и настроить Attribute Tooltip 2X.
      Если у вас не настроен FTP для загрузки архивов ocmod.zip - воспользуйтесь этим патчем
      Условия использования:
      Модуль распространяется по принципу "1 покупка = 1 домен +его поддомены".
      Для использования модуля на другом домене Вы должны приобрести еще одну копию модуля.
      Запрещается несанкционированное использование, копирование, перепродажа, передача модуля третьим лицам, а также иные способы распространения, в том числе в ознакомительных целях.
      Другие дополнения:
      -----------------------------
      CostPrice - закупочная цена товаров
      AutoField - групповое заполнение полей
      SearchOrder - менеджер заказов
      AutoSearch 2x - моментальный поиск для Opencart 2.0
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу