Вывод увеличенной картинки товара в группе товара

25 августа 2010 г.

Необходимо при нахождении в группе вывести увеличение картинки(сейчас идет ссылка на карточку товара) по типу как сделано в карточке товара.

30 августа 2010 г.

Re: Вывод увеличенной картинки товара в группе товара

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

31 августа 2010 г.

Re: Вывод увеличенной картинки товара в группе товара

если это стандартное увеличение на lightbox, достаточно форму с выводом товаров, та что

обернуть в

тогда сработает скрипт

$(function() {
$('#gallery a:has(img)').lightBox();
});

форма эта находится в шаблоне МагазинКаталогТоваров

оффтопик: похоже создание сайтов превращается в неумелые переделки стандартных шаблонов цмс...

31 августа 2010 г.

Re: Вывод увеличенной картинки товара в группе товара

Сделал так как Вы посоветовали, обернул код в выше указанный div, теперь при нажатии на любую ссылку в том числе и добавление товара в карнизу, срабатывает lightBox(идет предзагрузка). Вместо

вставил код

Но опять проблема только одна картинка из всего списка товаров в группе увеличиваются остальные открываются в новом окне _blank

31 августа 2010 г.

Re: Вывод увеличенной картинки товара в группе товара

id в документе может встречаться только 1 раз, обернуть нужно указанную мною выше форму, а не каждый элемент

+ внутри шаблона template match="item" нужно поменять href у ссылки

на

{image}

31 августа 2010 г.

Re: Вывод увеличенной картинки товара в группе товара

Спасибо большое помогло.

31 августа 2010 г.

Re: Вывод увеличенной картинки товара в группе товара

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

31 августа 2010 г.

Re: Вывод увеличенной картинки товара в группе товара

вариант 1:
ссылкам в корзину прописать какой-то класс (напр. anyclass)
и изменить скрипт

$(function() {
$('#gallery a:has(img):not(.anyclass)').lightBox();
});

вариант 2.
убрать div id="gallery", добавить ссылкам какой-то класс (напр. anyotherclass)

и добавить в скрипт

$(function() {
$('#gallery a:has(img)').lightBox();
$('a.anyotherclass').lightBox();
});

ps. вариант 3: изучить основы javascript и html и сделать по своему

31 августа 2010 г.

Re: Вывод увеличенной картинки товара в группе товара

Вариант 2 заработал, спасибо!

20 сентября 2010 г.

Re: Вывод увеличенной картинки товара в группе товара

Добрый день! Сделала как описано выше, работает во всех браузерах кроме IE. Что нужно сделать, чтобы и в нем правильно работало? Заранее спасибо!

Авторизация