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

Необычная проблема с всплывающим окном в товаре

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

Добрый день!

Столкнулись со следующей проблемой -  в карточке товара не работает всплывающее окно - картинка открывается, а не всплывает. При  этом на локальном сервере (xampp) все работает как надо...

 

У кого какие мысли есть по этому поводу?  Файлы product.tpl идентичны.

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


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

Какая-то проблема с JS. Смотрите в консоли в браузере, что пишет.

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


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

Какая-то проблема с JS. Смотрите в консоли в браузере, что пишет.

Нашла, что не срабатывает почему то  $(document).ready(function() {

Наверное куча причин может быть, да? Извините за глупые вопросы, я с JS не очень)

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


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

Проверьте, загружается ли jQuery на странице. Откройте исходный код страницы и посмотрите в head, есть ли там упоминания про него. Если есть, то попробуйте скопировать ссылку на скрипт и перейти по ней в браузере, что он ответит, загрузится ли скрипт или будет какая-то ошибка.

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


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

Проверьте, загружается ли jQuery на странице. Откройте исходный код страницы и посмотрите в head, есть ли там упоминания про него. Если есть, то попробуйте скопировать ссылку на скрипт и перейти по ней в браузере, что он ответит, загрузится ли скрипт или будет какая-то ошибка.

Скрипт загружается без ошибок...

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


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

Тогда нужно дальше смотреть в консоль. Будет проще, если вы дадите ссылку на сайт.

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


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

Тогда нужно дальше смотреть в консоль. Будет проще, если вы дадите ссылку на сайт.

Спасибо!

 

http://wecekc.me/SGORS_WSCH

ссылка на продукт

 

проверяла, работает ли alert в двух функциях, в одной работает, в другой нет (собственно document ready) - могу выложить код, может это поможет?

Изменено пользователем Kefirenka

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


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

Вот и ошибка:

TypeError: $(...).magnificPopup is not a function
    $('.thumbnails').magnificPopup({

Вангую, что не подгружается этот самый скрипт попапа, в котором эта функция определена.

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


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

Вот и ошибка:

TypeError: $(...).magnificPopup is not a function
    $('.thumbnails').magnificPopup({

Вангую, что не подгружается этот самый скрипт попапа, в котором эта функция определена.

)))

Полезла в контроллер, оказывается напарником были закомменчены строчки

$this->document->addScript('catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js');

$this->document->addStyle('catalog/view/javascript/jquery/magnific/magnific-popup.css');

 

Раскомментила, все работает.

 

Спасибо тебе, добрый человек!!! :eek: :wink:

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


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

Ждем аналогичный пост от напарника "Еще вчера все работало - сегодня перестало. Помогите"

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


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

Ждем аналогичный пост от напарника "Еще вчера все работало - сегодня перестало. Помогите"

Ну ладно, тапками-то закидывать... Бывает, ступили оба, спасибо нашелся добрый человек.

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


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

Я не закидываю и вполне серьезно. Если закоментировал, значит были на то причины и может сломаться в совершенно другом месте. Да и вообще если с кодом работает > 1 человека комментарии никогда не помешали бы.

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


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

Я не закидываю и вполне серьезно. Если закоментировал, значит были на то причины и может сломаться в совершенно другом месте. Да и вообще если с кодом работает > 1 человека комментарии никогда не помешали бы.

Да там ситуация такая дурацкая - начали писать модуль, перелопатили порядка 20 файлов, клиент сказал - а давайте не будем... С матюками все возвращали обратно, на каком то этапе напарник закомментировал (говорит не помнит зачем) и благополучно забыл. А с комментариями - это да, промазали сильно)))

Вобщем мы уже созвонились перед тем как мне раскомментировать - дал добро, все в порядке.

Как говорит один мой знакомый - "просто у кого-то проблемы с коммуникацией")))

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


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

У меня похожая проблема, только с некоторой спецификой...

Не срабатывает раскрытие основного фото, но отлично работает при нажатии на дополнительные, а после нажатия/открытия дополнительных фото, начинает открываться и основное на странице Товара... 

 

Но стоит отключить в firebug загрузку файлов:

catalog/view/javascript/jquery/jquery-2.1.1.min.js

или

catalog/view/javascript/bootstrap/js/bootstrap.min.js

 

и основное фото начинает открываться с первого раза без проблем.

 

Где искать проблему?

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


Ссылка на сообщение
Поделиться на другие сайты
В 23.07.2015 в 10:34, Kefirenka сказал:

перелопатили порядка 20 файлов, клиент сказал - а давайте не будем... С матюками все возвращали обратно,

а контроль версий не?

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


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

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

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

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

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

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

Войти

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

Войти

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

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


      Popup с Подтверждением | Информацией
      Всплывающее окно с информацией или окно с подтверждением при умелом использовании увеличивают конверсию от 10 до 30%;
      Модуль Popup с Подтверждением | Информацией позволяет Вам настроить окна следующим образом:
      Окно с подтверждением - пользователь не сможет закрыть окно пока не примет Ваши условия либо отклонит их и тогда его перенаправит по указанной вами ссылке!
      Окно с важной Информацией - для вывода новой акции на сайте, смене домена в ближайшие время, ну или другой важной информации

      Логин : demo
      пароль: demo
      В настройках Popup окна есть 2 метода
      Session Cookie - окно будет показываться в каждой новой вкладке или при след открытии браузера
      Cookie - окно будет показано один раз, до истечения срока действия куков
      В настройках есть стилизация высплывающего окна.
      Можно изменить цвет окна и выбрать нужные Вам иконки в заголовок онка и на кнопки
      Цвет Фона Заголовка
      Цвет текста Заголовка
      Иконка в Заголовке
      Цвет Фона кнопки Принять
      Цвет Фона кнопки Принять при наведении
      Цвет рамки кнопки Принять
      Цвет рамки кнопки Принять при наведении
      Цвет текста кнопки Принять
      Цвет текста кнопки Принять при наведении
      Иконка кнопки Принять
      Цвет Фона кнопки Отклонить
      Цвет Фона кнопки Отклонить при наведении
      Цвет рамки кнопки Отклонить
      Цвет рамки кнопки Принять при наведении
      Цвет текста кнопки Отклонить
      Цвет текста кнопки Отклонить при наведении
      Иконка кнопки Отклонить
      Цвет Фона подвала всплывающее окно



      Установка:
      Загрузить содержимое папки upload в корень сайта
      в Extension Installer (Менеджер дополнений) нажать кнопку обновить.
      Открыть модули , установить модуль Popup c Подтверждением | Информацией [29aleksey] и настроить как Вам нужно.
      Добавил 29aleksey Добавлено 26.10.2016 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От 29aleksey
      Всплывающее окно с информацией или окно с подтверждением при умелом использовании увеличивают конверсию от 10 до 30%;
      Модуль Popup с Подтверждением | Информацией позволяет Вам настроить окна следующим образом:
      Окно с подтверждением - пользователь не сможет закрыть окно пока не примет Ваши условия либо отклонит их и тогда его перенаправит по указанной вами ссылке!
      Окно с важной Информацией - для вывода новой акции на сайте, смене домена в ближайшие время, ну или другой важной информации

      Логин : demo
      пароль: demo
      В настройках Popup окна есть 2 метода
      Session Cookie - окно будет показываться в каждой новой вкладке или при след открытии браузера
      Cookie - окно будет показано один раз, до истечения срока действия куков
      В настройках есть стилизация высплывающего окна.
      Можно изменить цвет окна и выбрать нужные Вам иконки в заголовок онка и на кнопки
      Цвет Фона Заголовка
      Цвет текста Заголовка
      Иконка в Заголовке
      Цвет Фона кнопки Принять
      Цвет Фона кнопки Принять при наведении
      Цвет рамки кнопки Принять
      Цвет рамки кнопки Принять при наведении
      Цвет текста кнопки Принять
      Цвет текста кнопки Принять при наведении
      Иконка кнопки Принять
      Цвет Фона кнопки Отклонить
      Цвет Фона кнопки Отклонить при наведении
      Цвет рамки кнопки Отклонить
      Цвет рамки кнопки Принять при наведении
      Цвет текста кнопки Отклонить
      Цвет текста кнопки Отклонить при наведении
      Иконка кнопки Отклонить
      Цвет Фона подвала всплывающее окно



      Установка:
      Загрузить содержимое папки upload в корень сайта
      в Extension Installer (Менеджер дополнений) нажать кнопку обновить.
      Открыть модули , установить модуль Popup c Подтверждением | Информацией [29aleksey] и настроить как Вам нужно.
    • От xprolance
      300.00 руб
      Скачать/Купить дополнение


      Оригинальный размер фото товара
      Модификатор помогает отказаться от создания новых размерных картинок для всплывающего окна в товаре, вместо них во всплывающем окне открываются сами оригиналы (по прямым путям минуя кеш).
       
      Улучшения после установки:
      внятные изображения товара для покупателей сохранение оригинальных пропорций фото (без добавления белых полей) всплывающее окно на русском языке значительная экономия места на сервере  
      Демо до
      Демо после
       
      В обоих демо использованы одни и те же картинки.
       
      Если вы используете на своём сайте водяные знаки на картинках, то данная доработка вам не подойдёт.
      При использовании модификатора рекомендуется предварительно оптимизировать все загружаемые фото максимум до 1200х900px.
       
      История версий
       
      Добавил xprolance Добавлено 22.07.2016 Категория Прочее Системные требования VQMOD, OCMOD Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 2.3
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х  
    • От xprolance
      Модификатор помогает отказаться от создания новых размерных картинок для всплывающего окна в товаре, вместо них во всплывающем окне открываются сами оригиналы (по прямым путям минуя кеш).
       
      Улучшения после установки:
      внятные изображения товара для покупателей сохранение оригинальных пропорций фото (без добавления белых полей) всплывающее окно на русском языке значительная экономия места на сервере  
      Демо до
      Демо после
       
      В обоих демо использованы одни и те же картинки.
       
      Если вы используете на своём сайте водяные знаки на картинках, то данная доработка вам не подойдёт.
      При использовании модификатора рекомендуется предварительно оптимизировать все загружаемые фото максимум до 1200х900px.
       
      История версий
       
    • От xprolance
      300.00 руб
      Скачать/Купить дополнение


      Всплывающие окна
      C помощью данного модуля можно легко создавать и показывать всплывающие окна посетителям при первом и последующих заходах на сайт. 
       
      Например:
      - информационные окна
      - окно с акцией
      - окно с подтверждением возраста (или любые с принятием условий)
      - окно уведомление о использовании cookie
      - окно при попытке ухода посетителя с сайта (только в opencart 2 и выше).
       
      Оформлять и заполнять окна информацией можно через визуальный редактор или в режиме HTML-кода. Окна адаптивные.
       
      Окно отправляется в сон после:
      клика по крестику закрытия после перехода по любой ссылке, размещённой в нём после положительного принятия условий  
      Можно создавать несколько окон в одном или разных макетах, каждое со своим содержанием и настройками.
       
      Для работы модуля необходимо php 5.5 и выше + включённый ionCube Loader на хостинге
      Если вы не знаете состояние этих параметров, то скачайте модификатор и следуйте инструкции.
       
      Ключ активации можно получить через личное сообщение, указав сайт, где будет использоваться модуль.
      Тестовый сайт должен быть поддоменом основного сайта или папка на локальном сервере без точки в названии.
       
       
       
       
       
      История версий
       
      Добавил xprolance Добавлено 11.07.2016 Категория Модули Системные требования php 5.5 и выше, ionCube Loader Сайт разработчика http://project.bplaced.net/ Старая цена Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х  
  • Последние посетители   0 пользователей онлайн

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

×

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

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