[Ликбез]
Форма входа
Логин:
Пароль:
Меню сайта
Скрипты и коды для юкоз - Форум аццкого кодера » Если вы пришли за помощью, то Вам сюда... » Интернет-магазин. Настройка Вида товара в каталоге.
Интернет-магазин. Настройка Вида товара в каталоге.
[1] k-dezign [27.11.2013, 07:28]
настройка Вида товара в каталоге.
можно ли сделать так, как сделано в фотоальбоме новом - при нажатии на изображение не происходит перехода сразу на страницу товара, а всплывает окно лайтбокса с увеличенным изображением?попробовала вставить кусок из страницы товара - там так реальизовано - нажимаем на превью, всплывает крупная картинка, но оно категорически не работает.

<img alt="" src="$THUMB$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" id="ipreview" idx="0" title="Кликните для увеличения изображения">

помогите пожалуйста, очень срочно
[2] likbezz [27.11.2013, 08:28]
k-dezign,
Цитата k-dezign, Ср, 27.11.2013, 07:28:54
настройка Вида товара в каталоге.
можно ли сделать так, как сделано в фотоальбоме новом - при нажатии на изображение не происходит перехода сразу на страницу товара, а всплывает окно лайтбокса с увеличенным изображением?

Доброе утро.
Можно.
Вот так, например:
Код
<img alt="" src="$THUMB$" class="gphoto" onclick="gphoto('$PHOTO$');return false;" title="Кликните для увеличения изображения" />


Но если картинка в ссылке, типа:
Код
<a href="$ENTRY_URL$"><img alt="" src="$THUMB$" class="gphoto" onclick="_bldCont1($ID$, this.getAttribute('idx'));" id="ipreview" idx="0" title="Кликните для увеличения изображения" /></a>

то это нужно прописывать ссылке.
Вот так:
Код
<a href="$ENTRY_URL$" onclick="gphoto('$PHOTO$');return false;" title="Кликните для увеличения изображения"><img alt="$NAME$" src="$THUMB$" class="gphoto" /></a>

а картинку оставить как было.
[3] k-dezign [27.11.2013, 08:35]
первый вариант не рабтает, а во втором варианте - опять же клик по картинке - это переход на страницу материала. а он итак есть, нужно то именно картинку в лайтбоксе.
[4] likbezz [27.11.2013, 08:50]
k-dezign,
Цитата k-dezign, Ср, 27.11.2013, 08:35:50
первый вариант не рабтает, а во втором варианте - опять же клик по картинке - это переход на страницу материала.

Совсем забыл ) а может просто не вспомнил..
Нет у вас такой фунции ..

Тогда так:
Код
<a href="$ENTRY_URL$" onclick="$.fancybox('$PHOTO$',{helpers:{overlay:{opacity:.5}}});return false;" title="Кликните для увеличения изображения"><img alt="$NAME$" src="$THUMB$" class="gphoto" /></a>


Или вот так:
Код
<a class="ulightbox" href="$PHOTO$" title="Кликните для увеличения изображения"><img alt="$NAME$" src="$THUMB$" class="gphoto" /></a>


Класс «ulightbox» - обрабатывается скриптом, но ссылка должна быть на картинку, а не на материал..
---

А лучше, добавьте, например в шаблон корзины, вот такой скрипт:
Код
<script type="text/javascript">
function gphoto(e){$.fancybox(e,{helpers:{overlay:{opacity:.5}}});return false;}
</script>


И используйте:
Код
<a href="$ENTRY_URL$" onclick="gphoto('$PHOTO$');return false;" title="Кликните для увеличения изображения"><img alt="$NAME$" src="$THUMB$" class="gphoto" /></a>

---
[5] k-dezign [27.11.2013, 08:55]
второй вариант! работает! спасибо вам, большое человеческое спасибо!
Полная версия сайта