Перейти к содержанию
dvi3001

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

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

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

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

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

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

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


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

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

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

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


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

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

Вот этот вариант хочу реализовать 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>

 

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

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


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

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

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

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

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


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

Файл 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"/>

 

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


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

Да!

<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-файл по аналогии.

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


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

Да!

<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-файл по аналогии.

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

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


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

Поправил:

<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>

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

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


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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вы вставили контент с форматированием.   Удалить форматирование

  Разрешено использовать не более 75 смайлов.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


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

    • От mazein
      Скачать/Купить дополнение


      Подсказка для атрибутов, групп атрибутов, опций и их значений - ocmod_2.x
      Всплывающая подсказка для атрибутов, групп атрибутов, опций и их значений
      Модуль выполнен для стандартного шаблона. Ввиду того, что я не могу учесть всех нюансов кастомных шаблонов, работу модуля на них я не гарантирую.
       
      Модуль распространяется как есть. Все доработки, и адаптация - платно.
       
      Функционал:
      всплывающее описание (подсказка) для группы атрибутов всплывающее описание (подсказка) для атрибутов всплывающее описание (подсказка) для значений атрибутов всплывающее описание (подсказка) для опций всплывающее описание (подсказка) для значений опций возможность задать подсказку значению опции как на странице опций, так и на странице редактирования товара, причём на сайте выводиться будет подсказка со страницы редактирования товара. Возможность задать подсказки разным значениям атрибутов через запятую.  
      Описание выводится в карточке товара (вкладка характеристики), и на странице сравнения товаров.
      Установка стандартная для ocmod:
      Панель управления - Установка дополнений
       
      Демо Добавил mazein Добавлено 03.02.2016 Категория Опции Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • От AlexDW
      590.00 руб
      Скачать/Купить дополнение


      AO Tooltips - подсказки для опций и атрибутов
      Нередко возникает ситуация, когда атрибут товара специфичен и хотелось бы добавить ему описание, избавив покупателя от поиска значения атрибута или пояснение при выборе опции - но к сожалению стандартно в Opencart такой возможности нет.
       
      AO Tooltips добавляет возможность задать стильные подсказки для атрибутов и опций, облегчая покупателям выбор товара.
      Поддержка HTML и выбор внешнего вида подсказки среди встроенных стилей помогут подобрать наиболее удачный вариант оформления для вашего магазина.
       
      DEMO 3x / ADMIN 3x
      DEMO 2x / ADMIN 2x
       
      Модуль состоит из двух частей - основной архив содержит сам модуль и часть по работе с атрибутами, дополнительный аддон отвечает за работу с опциями.
       
      В карточке товара (а также на странице сравнения товаров) рядом с названием атрибута добавляется иконка подсказки в виде вопросительного знака.
      Также есть возможность добавить подсказки для опций и их значений (для типов checkbox и radio) на странице товара.

      При наведении курсора (или клике по значку в случае использования мобильных устройств) появляется всплывающая подсказка с заданным описанием.
      Описание задается в админке, непосредственно при редактировании Атрибутов, Групп атрибутов и Опций.
       
      при установке модуль автоматически создает (в случае его отсутствия) дополнительное поле tooltip в таблицах
          attribute_description
          attribute_group_description
          option_description
          option_value_description
      для хранения подсказок

      AO Tooltips поддерживает HTML - используйте текст и графику для оформления, вставляйте ссылки на информационные страницы с развернутым описанием.
      Наличие подобных страниц позволит помочь покупателям с выбором и привлечет дополнительный трафик из поисковых систем.
      Модуль имеет более 20 встроенных стилей подсказок. При наличии знаний CSS вы можете изменить любой из них под свой дизайн.
       
      Особенности:
      - добавление подсказок для атрибутов на странице товара и странице сравнения
      - подсказки для опций и значений опций на странице товара *new
          подсказки для значений опций доступны только для типов checkbox и radio
       
      - поддержка HTML-контента в подсказках (текст, изображения, ссылки и тд)
          для заполнения подсказок используется стандартный редактор summernote
       
      - более 20 вариантов внешнего вида подсказок
      - поддержка мультиязычности
          если подсказка для выбранного языка не заполнена - она не выводится
       
      - раздельные настройки для опций и атрибутов *new
          возможность выбора позиции иконки подсказки (слева / справа)
          показ подсказок для атрибутов (да / нет)
          показ подсказок для опций (да / нет)
       
      - часть по работе опциями вынесена в отдельный модификатор в целях совместимости
      - полностью автоматическая установка, не нужно править БД вручную
      - не меняет стандартные файлы движка (используется OCMOD)
      - совместим с ocStore / OCSHOP - Opencart.cms|pro / Opencart 201x - 303x
      ===
      *new - новый функционал с версии 1.20
       
      Обратите внимание:
      Journal3 и подобные ему "псевдошаблоны", меняющие логику работы ядра Opencart - НЕ ПОДДЕРЖИВАЮТСЯ!
       
       
      Системные требования:
      PHP 5.3 или выше;  CURL;
      являются базовыми требованиями для работы Opencart 2.x
      расширение mbstring
      библиотека для работы с многобайтовыми кодировками, обычно подключается в панели управления хостингом (как правило уже подключена по умолчанию)
       
      проверить соответствие требованиям можно здесь
       
      Установка 2x:
      1. Загрузить архив ocmod.zip из папки для вашей версии движка в Дополнения > Установщик дополнений *
      2. Для подсказок опций загрузить файл aotooltips_options_addon.ocmod.xml из той же папки в Дополнения > Установщик дополнений
      3. Обновить кеш модификаторов в Дополнения > Модификаторы (Менеджер дополнений)
      4. Установить модуль AO Tooltips в Дополнения > Модули
      5. Настроить модуль, ввести ключ лицензии и сохранить настройки
       
      Не забудьте обновить кэш модификаторов после установки!
      * Если у вас не настроен FTP для загрузки архивов ocmod.zip в Установщике дополнений - используйте этот патч
       
      Установка 3x:
      1. Загрузить архив ao_tooltips-3x.ocmod.zip в Extensions > Installer
      2. Для подсказок опций загрузить аддон ao_tooltips-3x_option_addon.ocmod.zip в Extensions > Installer
      3. Обновить кеш модификаторов в Extensions > Modifications
      4. Обновить кеш шаблона (theme cache) в Dashboard > Developer Settings
      5. Установить модуль AO Tooltips в Extensions > Modules
      6. Настроить модуль, ввести ключ лицензии и сохранить настройки
       
       
      Условия использования:
      Модуль распространяется по принципу 1 покупка = 1 домен и его поддомены
      Для использования модуля на другом домене нужно приобрести еще одну копию модуля
      Запрещается несанкционированное использование, копирование, перепродажа, передача модуля третьим лицам, а также иные способы распространения, в том числе в ознакомительных целях.
       
      В целях защиты дополнения от нелегального использования часть управляющих файлов модуля обфусцирована(закодирована), при этом контроллер, модель и шаблон имеют открытый код.
      Автор гарантирует отсутствие вредоносного кода, бекдоров и сбора какой-либо информации в закодированных частях модуля.
       
      Лицензия:
      Для работы модуля на внешнем сервере требуется код активации (лицензия)
      (не требует активации на локальном сервере при использовании ip 127.0.0.1)
      Для получения кода отправьте запрос автору в ЛС с использованием учетной записи на которую производилась покупка модуля, указав номер покупки и скопировав данные о сервере/хосте из настроек модуля.
      Лицензия выдается с привязкой к домену из расчета "одна покупка = один домен". Лицензия бессрочна, без ограничений по времени, действует на основной домен и его поддомены.
       
      Также предусмотрена возможность переноса лицензии на новый домен в случае переезда/смены доменного имени.
      При смене лицензии будет выслан новый ключ, старый ключ аннулируется (становится недействительным)
      Для смены лицензии отправьте запрос о переносе автору в ЛС с использованием учетной записи на которую производилась покупка модуля, указав номер покупки и скопировав данные о сервере/хосте из настроек модуля со старого домена и аналогичные данные нового домена, на который будет осуществлен перенос.
       
      Максимальное время получения ключа не превышает 36 часов с момента запроса
      обычно ключ выдается значительно раньше
       
      Предыдущая версия модуля для движков 15х доступна здесь
       
       
      Другие дополнения:
      -----------------------------
      CartKeeper - хранение и управление корзинами покупателей
      CategoryTags - ссылки на другие категории товара
      ProductField Plus - дополнительные поля на странице товара
      AutoComplete 3x - улучшенный поиск товаров в админке для Opencart 3x
      Добавил AlexDW Добавлено 20.10.2015 Категория Модули Системные требования PHP 5.3 или выше; CURL; mbstring Сайт разработчика Старая цена Метод активации По запросу в ЛС Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Да  
    • От AlexDW
      Нередко возникает ситуация, когда атрибут товара специфичен и хотелось бы добавить ему описание, избавив покупателя от поиска значения атрибута или пояснение при выборе опции - но к сожалению стандартно в Opencart такой возможности нет.
       
      AO Tooltips добавляет возможность задать стильные подсказки для атрибутов и опций, облегчая покупателям выбор товара.
      Поддержка HTML и выбор внешнего вида подсказки среди встроенных стилей помогут подобрать наиболее удачный вариант оформления для вашего магазина.
       
      DEMO 3x / ADMIN 3x
      DEMO 2x / ADMIN 2x
       
      Модуль состоит из двух частей - основной архив содержит сам модуль и часть по работе с атрибутами, дополнительный аддон отвечает за работу с опциями.
       
      В карточке товара (а также на странице сравнения товаров) рядом с названием атрибута добавляется иконка подсказки в виде вопросительного знака.
      Также есть возможность добавить подсказки для опций и их значений (для типов checkbox и radio) на странице товара.

      При наведении курсора (или клике по значку в случае использования мобильных устройств) появляется всплывающая подсказка с заданным описанием.
      Описание задается в админке, непосредственно при редактировании Атрибутов, Групп атрибутов и Опций.
       
      при установке модуль автоматически создает (в случае его отсутствия) дополнительное поле tooltip в таблицах
          attribute_description
          attribute_group_description
          option_description
          option_value_description
      для хранения подсказок

      AO Tooltips поддерживает HTML - используйте текст и графику для оформления, вставляйте ссылки на информационные страницы с развернутым описанием.
      Наличие подобных страниц позволит помочь покупателям с выбором и привлечет дополнительный трафик из поисковых систем.
      Модуль имеет более 20 встроенных стилей подсказок. При наличии знаний CSS вы можете изменить любой из них под свой дизайн.
       
      Особенности:
      - добавление подсказок для атрибутов на странице товара и странице сравнения
      - подсказки для опций и значений опций на странице товара *new
          подсказки для значений опций доступны только для типов checkbox и radio
       
      - поддержка HTML-контента в подсказках (текст, изображения, ссылки и тд)
          для заполнения подсказок используется стандартный редактор summernote
       
      - более 20 вариантов внешнего вида подсказок
      - поддержка мультиязычности
          если подсказка для выбранного языка не заполнена - она не выводится
       
      - раздельные настройки для опций и атрибутов *new
          возможность выбора позиции иконки подсказки (слева / справа)
          показ подсказок для атрибутов (да / нет)
          показ подсказок для опций (да / нет)
       
      - часть по работе опциями вынесена в отдельный модификатор в целях совместимости
      - полностью автоматическая установка, не нужно править БД вручную
      - не меняет стандартные файлы движка (используется OCMOD)
      - совместим с ocStore / OCSHOP - Opencart.cms|pro / Opencart 201x - 303x
      ===
      *new - новый функционал с версии 1.20
       
      Обратите внимание:
      Journal3 и подобные ему "псевдошаблоны", меняющие логику работы ядра Opencart - НЕ ПОДДЕРЖИВАЮТСЯ!
       
       
      Системные требования:
      PHP 5.3 или выше;  CURL;
      являются базовыми требованиями для работы Opencart 2.x
      расширение mbstring
      библиотека для работы с многобайтовыми кодировками, обычно подключается в панели управления хостингом (как правило уже подключена по умолчанию)
       
      проверить соответствие требованиям можно здесь
       
      Установка 2x:
      1. Загрузить архив ocmod.zip из папки для вашей версии движка в Дополнения > Установщик дополнений *
      2. Для подсказок опций загрузить файл aotooltips_options_addon.ocmod.xml из той же папки в Дополнения > Установщик дополнений
      3. Обновить кеш модификаторов в Дополнения > Модификаторы (Менеджер дополнений)
      4. Установить модуль AO Tooltips в Дополнения > Модули
      5. Настроить модуль, ввести ключ лицензии и сохранить настройки
       
      Не забудьте обновить кэш модификаторов после установки!
      * Если у вас не настроен FTP для загрузки архивов ocmod.zip в Установщике дополнений - используйте этот патч
       
      Установка 3x:
      1. Загрузить архив ao_tooltips-3x.ocmod.zip в Extensions > Installer
      2. Для подсказок опций загрузить аддон ao_tooltips-3x_option_addon.ocmod.zip в Extensions > Installer
      3. Обновить кеш модификаторов в Extensions > Modifications
      4. Обновить кеш шаблона (theme cache) в Dashboard > Developer Settings
      5. Установить модуль AO Tooltips в Extensions > Modules
      6. Настроить модуль, ввести ключ лицензии и сохранить настройки
       
       
      Условия использования:
      Модуль распространяется по принципу 1 покупка = 1 домен и его поддомены
      Для использования модуля на другом домене нужно приобрести еще одну копию модуля
      Запрещается несанкционированное использование, копирование, перепродажа, передача модуля третьим лицам, а также иные способы распространения, в том числе в ознакомительных целях.
       
      В целях защиты дополнения от нелегального использования часть управляющих файлов модуля обфусцирована(закодирована), при этом контроллер, модель и шаблон имеют открытый код.
      Автор гарантирует отсутствие вредоносного кода, бекдоров и сбора какой-либо информации в закодированных частях модуля.
       
      Лицензия:
      Для работы модуля на внешнем сервере требуется код активации (лицензия)
      (не требует активации на локальном сервере при использовании ip 127.0.0.1)
      Для получения кода отправьте запрос автору в ЛС с использованием учетной записи на которую производилась покупка модуля, указав номер покупки и скопировав данные о сервере/хосте из настроек модуля.
      Лицензия выдается с привязкой к домену из расчета "одна покупка = один домен". Лицензия бессрочна, без ограничений по времени, действует на основной домен и его поддомены.
       
      Также предусмотрена возможность переноса лицензии на новый домен в случае переезда/смены доменного имени.
      При смене лицензии будет выслан новый ключ, старый ключ аннулируется (становится недействительным)
      Для смены лицензии отправьте запрос о переносе автору в ЛС с использованием учетной записи на которую производилась покупка модуля, указав номер покупки и скопировав данные о сервере/хосте из настроек модуля со старого домена и аналогичные данные нового домена, на который будет осуществлен перенос.
       
      Максимальное время получения ключа не превышает 36 часов с момента запроса
      обычно ключ выдается значительно раньше
       
      Предыдущая версия модуля для движков 15х доступна здесь
       
       
      Другие дополнения:
      -----------------------------
      CartKeeper - хранение и управление корзинами покупателей
      CategoryTags - ссылки на другие категории товара
      ProductField Plus - дополнительные поля на странице товара
      AutoComplete 3x - улучшенный поиск товаров в админке для Opencart 3x
    • От mazein
      Всплывающая подсказка для атрибутов, групп атрибутов, опций и их значений
      Модуль выполнен для стандартного шаблона. Ввиду того, что я не могу учесть всех нюансов кастомных шаблонов, работу модуля на них я не гарантирую.
       
      Модуль распространяется как есть. Все доработки, и адаптация - платно.
       
      Функционал:
      всплывающее описание (подсказка) для группы атрибутов всплывающее описание (подсказка) для атрибутов всплывающее описание (подсказка) для значений атрибутов всплывающее описание (подсказка) для опций всплывающее описание (подсказка) для значений опций возможность задать подсказку значению опции как на странице опций, так и на странице редактирования товара, причём на сайте выводиться будет подсказка со страницы редактирования товара. Возможность задать подсказки разным значениям атрибутов через запятую.  
      Описание выводится в карточке товара (вкладка характеристики), и на странице сравнения товаров.
      Установка стандартная для ocmod:
      Панель управления - Установка дополнений
       
      Демо
    • От AlexDW
      300.00 руб
      Скачать/Купить дополнение


      Attribute Tooltip - подсказки для атрибутов
      Атрибуты товара (или его характеристики) - главный критерий, которым мы руководствуемся при выборе и совершении покупки. Умение разбираться в характеристиках - залог удачной покупки.
      Часто возникает ситуация, когда атрибут товара специфичен и ему нужно добавить описание, избавив покупателя от поиска значения атрибута - но к сожалению стандартно в Opencart такой возможности нет.
      Модуль Attribute Tooltip позволяет сделать подсказки для атрибутов, облегчая покупателям выбор товара.
      В карточке товара (а также на странице сравнения товаров) рядом с названием атрибута добавляется иконка подсказки в виде вопросительного знака.
      При наведении курсора (или клике по значку в случае использования мобильных устройств) появляется всплывающая подсказка с описанием атрибута.
      Описание задается в админке, непосредственно при редактировании Атрибутов и Групп атрибутов.
      (при установке модуля автоматически будут созданы дополнительные поля для описаний в таблицах oc_attribute_description и oc_attribute_group_description)
      Attribute Tooltip поддерживает HTML-контент - используйте текст и графику для оформления, вставляйте ссылки на информационные страницы с развернутым описанием.
      Наличие подобных страниц позволит помочь покупателям с выбором и привлечет дополнительный трафик из поисковых систем.
      Модуль имеет более 20 встроенных стилей подсказок. При наличии знаний CSS вы можете изменить любой из них под свой дизайн.
      Демо Админка логин/пароль demo
      Особенности:
      - добавление подсказок для атрибутов на странице товара и странице сравнения
      - поддержка HTML-содержимого в подсказках (текст, изображения, ссылки и тд)
      - поддержка мультиязычности
      - более 20 вариантов внешнего вида подсказок
      - полностью автоматическая установка, не нужно править БД вручную
      - совместим с ocStore / OCSHOP / Opencart 1.5.0.x - 1.5.6.4
      - требуется VQMOD
      Версия модуля для движков 2.x доступна здесь
      Установка:
      Просто скопировать содержимое папки UPLOAD в каталог с установленным Opencart.
      Потом зайти в Модули, установить и настроить Attribute Tooltip.
      Условия использования:
      Модуль распространяется по принципу "1 покупка = 1 домен +его поддомены".
      Для использования модуля на другом домене Вы должны приобрести еще одну копию модуля.
      Запрещается несанкционированное использование, копирование, перепродажа, передача модуля третьим лицам, а также иные способы распространения, в том числе в ознакомительных целях.
      Другие дополнения:
      -----------------------------
      AutoSearch - ajax поиск товаров для 1.5.x
      SearchOrder - быстрый просмотр и поиск по заказам
      CountryZone Manager - управление странами и регионами
      OrderField - дополнительные поля в заказе, корзине и письме
      Добавил AlexDW Добавлено 27.10.2015 Категория Атрибуты Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
  • Последние посетители   0 пользователей онлайн

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.