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

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

вопрос пытаюсь реализовать вот такую конструкцию при наведении мышки на картинку в категории товаров появлялась бы увеличенная картинка товара. реализую по такой схеме http://vremenno.net/js/moptip-and-mopbox-for-jquery/

вопрос при использовании переменной <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

которая по сути должна подставлять картинки, картинки всплывают все работает но у всех товаров выводится одна и та же которая стоит первой в категории... что делаю не так?

Snap201301_9636451_6713781.png

и как быть с видом "сетка" я так понял по коду полноценного когда элементов там нет а меняется он функцией которая добавляет строки в "список" как сделать отображение картинок и там тоже

Snap201301_6326903_6718735.png

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


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

вот весь код подскажите что не так делаю?

<!-- Начало Tooltip -->

<script type="text/javascript" src="moptip/jquery.js"></script>

<script type="text/javascript" src="moptip/mop-tip.js"></script>

<script type="text/javascript" src="moptip/jquery-png-fix.js"></script>

<style type="text/css">

.demo-out{display:none;}

</style>

<link rel="stylesheet" type="text/css" href="moptip/mop-tip.css" />

<script type="text/javascript">

$(document).ready(function(){

$(".demo-in").mopTip({

'w': 150,

'style': 'overOut',

'get': '.demo-out'

});

});

</script>

<!-- Элемент для которого выводится -->

<div class="demo-in">

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

</div>

<!-- Элемент который выводится -->

<div class="demo-out">

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

</div>

<!-- Конец Tooltip -->

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От LIAL
      500.00 руб
      Скачать/Купить дополнение


      Очистка кеша для OC 2.x
      Очистка кеша для OC 2.x (Cache cleaner for OC 2.x)
      Модуль разработан для очистки всех видов кеша в Опенкарт 2.x Очищает Системный кеш, Кеш картинок, Ocmod и Vqmod кэш и mods.cache.
      Сканирует директории рекурсивно, удаляя в них файлы, а затем если директория пустая удаляет ее саму. Также есть возможность очистка Ocmod лога.
      НЕ удаляет файлы вида: index.*, .gitignore, .hgignore и .htaccess
      Перевод: English, Русский
      Работа модуля была протестирована в Опенкарт версии 2.0.3.1, 2.1.0.1, 2.3.0.2 но полагаю будет работать и с более ранними или поздними версиями. Если вы нашли какие либо ошибки или баг, свяжитесь с нами и мы сразу исправим их.
      Инструкция по установке:
      OCMOD: В разделе Дополнения -> Установка дополнений, загрузите скачанный файл
      Перейдите в Система -> Пользователи -> Группы пользователей - и дайте права на изменение для модуля cache/cleaner.
      Обновите кеш модификаций
      Модуль доступен в меню Инструменты -> Очистка кэша

      Если вы не видите в меню пункта Система -> Инструменты -> Очистка кэша, очистите кэш вашего бразера, дайте права на доступ пользователю к cache/cleaner и обновите кэш модификаций.
      Добавил LIAL Добавлено 05.11.2015 Категория Кэширование, сжатие, ускорение Системные требования Сайт разработчика https://instup.com Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От 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  
    • От AlexDW
      300.00 руб
      Скачать/Купить дополнение


      Attribute Tooltip 2X - подсказки для атрибутов
      Атрибуты товара (его характеристики) - основополагающий момент, которым мы руководствуемся при выборе и совершении покупки.
      Умение разбираться в характеристиках - залог удачной покупки.
      Нередко возникает ситуация, когда атрибут товара специфичен и хотелось бы добавить ему описание, избавив покупателя от поиска значения атрибута - но к сожалению стандартно в 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 Добавлено 19.10.2015 Категория Атрибуты Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От GrblFF
      Скачать/Купить дополнение


      Описание для атрибутов товара
      Модуль добавляет описание для атрибутов. При наведении, мы видим всплывающую подсказку, что означает данный атрибут товара. Требует vqmod. Работает с версиями 1.4.x - 1.5.х , на большинстве шаблонов. Не заменяет файлы.
      Установка
      1. Скопировать файлы модуля
      2. Выполнить sql запрос к БД для добавления поля в таблицу
      Добавил GrblFF Добавлено 16.07.2015 Категория Атрибуты  
    • От LIAL
      Очистка кеша для OC 2.x (Cache cleaner for OC 2.x)
      Модуль разработан для очистки всех видов кеша в Опенкарт 2.x Очищает Системный кеш, Кеш картинок, Ocmod и Vqmod кэш и mods.cache.
      Сканирует директории рекурсивно, удаляя в них файлы, а затем если директория пустая удаляет ее саму. Также есть возможность очистка Ocmod лога.
      НЕ удаляет файлы вида: index.*, .gitignore, .hgignore и .htaccess
      Перевод: English, Русский
      Работа модуля была протестирована в Опенкарт версии 2.0.3.1, 2.1.0.1, 2.3.0.2 но полагаю будет работать и с более ранними или поздними версиями. Если вы нашли какие либо ошибки или баг, свяжитесь с нами и мы сразу исправим их.
      Инструкция по установке:
      OCMOD: В разделе Дополнения -> Установка дополнений, загрузите скачанный файл
      Перейдите в Система -> Пользователи -> Группы пользователей - и дайте права на изменение для модуля cache/cleaner.
      Обновите кеш модификаций
      Модуль доступен в меню Инструменты -> Очистка кэша

      Если вы не видите в меню пункта Система -> Инструменты -> Очистка кэша, очистите кэш вашего бразера, дайте права на доступ пользователю к cache/cleaner и обновите кэш модификаций.
  • Последние посетители   0 пользователей онлайн

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

×

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

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