Перейти к содержимому


Исправляем Ошибку С Увеличением Фотографии


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 06 Август 2018 - 12:08

Если у Вас при увеличении изображения в карточке товара изображение открывается не полностью и выдается ошибка, то следующая инструкция поможем Вам в ее решении:

1) Скачайте приложенный архив на компьютер, распакуйте его и все файлы из него загрузите в раздел Сайт - Редактор шаблонов
2) В шаблоне HTML перед кодом:

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=shine"></script>

добавьте:

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}jquery.fancybox-1.3.4.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.fancybox-1.3.4.pack.js"></script>


3) В шаблоне main.js Вам нужно заменить код:

// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){

// Идентификатор главной картинки
var goodsImageId = $('.goodsDataMainImage input').attr("rel"),

// Маленькое изображение, по которому на самом деле будем кликать
goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');
// Для иконки изображения запустим галерею
goodsImageIconElement.nyroModalManual();
return false;
});

на

// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(e){
e.preventDefault();
// Идентификатор главной картинки
var goodsImageId = $('.goodsDataMainImage input').attr("rel"),

// Маленькое изображение, по которому на самом деле будем кликать
goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');

$('a[rel="gallery"]').fancybox();
goodsImageIconElement.trigger('click');
$('a[rel="gallery"]').unbind('click.fb')
});

Прикрепленные файлы

  • Прикрепленный файл  fancybox.zip   42,62К   105 Количество загрузок:


#2 Icewind

Icewind

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений

Отправлено 06 Август 2018 - 12:33

Добрый день,

Где найти приложенный архив? В сообщении нет вложений. В предыдущем тоже вложений нет. Просьба добавить архив.

#3 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 06 Август 2018 - 12:47

Просмотр сообщенияIcewind (06 Август 2018 - 12:33) писал:

Добрый день,

Где найти приложенный архив? В сообщении нет вложений. В предыдущем тоже вложений нет. Просьба добавить архив.

Извините, архив добавил

#4 Icewind

Icewind

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений

Отправлено 06 Август 2018 - 14:02

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

#5 tatachka

tatachka

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВеликий Новгород

Отправлено 16 Август 2018 - 12:57

Просмотр сообщенияMikDark (06 Август 2018 - 12:08) писал:

Если у Вас при увеличении изображения в карточке товара изображение открывается не полностью и выдается ошибка, то следующая инструкция поможем Вам в ее решении:

1) Скачайте приложенный архив на компьютер, распакуйте его и все файлы из него загрузите в раздел Сайт - Редактор шаблонов
2) В шаблоне HTML перед кодом:

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=shine"></script>

добавьте:

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}jquery.fancybox-1.3.4.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.fancybox-1.3.4.pack.js"></script>


3) В шаблоне main.js Вам нужно заменить код:

// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){

// Идентификатор главной картинки
var goodsImageId = $('.goodsDataMainImage input').attr("rel"),

// Маленькое изображение, по которому на самом деле будем кликать
goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');
// Для иконки изображения запустим галерею
goodsImageIconElement.nyroModalManual();
return false;
});

на

// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(e){
e.preventDefault();
// Идентификатор главной картинки
var goodsImageId = $('.goodsDataMainImage input').attr("rel"),

// Маленькое изображение, по которому на самом деле будем кликать
goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');

$('a[rel="gallery"]').fancybox();
goodsImageIconElement.trigger('click');
$('a[rel="gallery"]').unbind('click.fb')
});

Большое спасибо за инструкцию! На странице товара все работает отлично. Но точно такая же ошибка выскакивает на странице сравнения товаров при нажатии на "увеличить". Подскажите, как исправить?

Прикрепленные изображения

  • Снимок.JPG


#6 tatachka

tatachka

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВеликий Новгород

Отправлено 18 Август 2018 - 13:27

Просмотр сообщенияtatachka (16 Август 2018 - 12:57) писал:

Большое спасибо за инструкцию! На странице товара все работает отлично. Но точно такая же ошибка выскакивает на странице сравнения товаров при нажатии на "увеличить". Подскажите, как исправить?

Всем доброго времени суток!!! Пожалуйста, кто-нибудь помогите!!! Может есть уже ответ: подскажите ссылочку.

#7 Андрей2398

Андрей2398

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений

Отправлено 26 Декабрь 2020 - 15:30

Спасибо, все заработало как нужно!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных