Фильтр по:
  

Интернет-магазин. Настройка Вида товара в каталоге.

Если вы пришли за помощью, то Вам сюда...

  • Страница 1 из 1
  • 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Интернет-магазин. Настройка Вида товара в каталоге.
Интернет-магазин. Настройка Вида товара в каталоге.
Дата: Среда, 27.11.2013, 07:28 |
k-dezign
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


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

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

помогите пожалуйста, очень срочно

 
Дата: Среда, 27.11.2013, 08:28 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 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>

а картинку оставить как было.

 
Дата: Среда, 27.11.2013, 08:35 |
k-dezign
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 первый вариант не рабтает, а во втором варианте - опять же клик по картинке - это переход на страницу материала. а он итак есть, нужно то именно картинку в лайтбоксе.

 
Дата: Среда, 27.11.2013, 08:50 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 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>

---

 
Дата: Среда, 27.11.2013, 08:55 |
k-dezign
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 второй вариант! работает! спасибо вам, большое человеческое спасибо!

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Интернет-магазин. Настройка Вида товара в каталоге.
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия