Связка getResources и Fancybox

Версия MODX: Revolution

Здравствуйте. Очень нужна квалифицированная помощь. Не получается вывести в модальное окно Fancybox определенный контент, сгенерированный getResources. Конкретно. Есть товары в интернет-магазине. На странице определенной категории они выводятся getResources, соответственно есть чанк, общий для всех товаров, но различающийся рядом данных полей, tv и т.д. Плюс в этом же чанке есть скрытый блок с кратким превью товара, но там не только фото, а также ряд данных, тоже обозначенных в полях для каждого товара. Задача: при щелчке на товар на странице категории должно открываться модальное окно с превью именно этого товара. Пробовала на лайтбоксе делать, но каждый раз при щелчке открывалось превью первого товара в данной категории, на какой товар бы я не щелкала. На Fancybox вообще какая-то шляпа. При щелке просто белый квадратик с кнопкой закрыть. Подскажите, пожалуйста, если знаете, как решить данную проблему.

Теги:
getresources и fancybox

Елена
06.01.15 в 19:01

Комментарии (7)

Павел Романов 07.01.2015 12:34 #

День добрый.
Можно взглянуть на чанк?

Елена 07.01.2015 22:56 #

Здравствуйте. да, конечно. Вот он:

<div class="section">
	<a href="[[~[[+id]]]]">
		<img src="[[+tv.img]]" alt="" />
			<span href="#preview-[[+id]]" class="preview">Быстрый просмотр</span>
			<span class="title">[[+longtitle]]<br />[[+tv.brend]]</span>
			<span class="prais">[[+tv.prais]] <span class="ruble">a</span></span>
	</a>
</div>
<div id="preview-[[+id]]" class="view">
	<div class="product">
		<div class="photo">
			<img src="[[+tv.img]]" alt="" />
		</div>
		<div class="item">
			<h1>[[+pagetitle]]</h1>
			<span>[[+tv.prais]] <span class="ruble">a</span></span>
			<input class="cart" type="submit" value="Добавить в корзину" />
			<div class="introtext">[[+introtext]]</div>
			<a class="more" href="[[~[[+id]]]]">Полная информация о товаре</a>
		</div>
	</div>
</div>

Это общий чанк. В нем код между тегами

<div class="section"></div>

отвечает за товар на странице категории, а код между тегами

<div id="preview-[[+id]]" class="view"></div>

— это скрытый блок, который и должен быть превью товара и именно он должен открываться в модальном окне при щелчке по кнопке «Быстрый просмотр» на каждом товаре.

Комментарий был изменён 07.01.2015 в 23:01

Антон Пастухов 08.01.2015 07:07 #

Правильно ли сформировано содержимое div id=«preview»? Если посмотреть на наго в Firebug или DevTools, похож ли на правду html этого блока? Если да, то проблема, скорее всего, всего лишь в css.
1. Елена 08.01.2015 14:08 #
  
  Конечно похож. На что еще он может быть похож? Код отображается, как задумано. А css вообще причем? Какие там могут быть проблемы? Окно модальное не отображает нужный мне контент или отображает не так, как надо. Вот в чем проблема. Нужно шаманить с настройками либо лайтбокса, либо фансибокса. А я не знаю как.
Антон Пастухов 08.01.2015 17:51 #

Если код отображается, как задумано, но при этом неверно отображается на фронт-энде, то проблема, скорее всего, именно в CSS. Например, вы подключили файл скрипта, но могли забыть подключить fancybox.css. Если не очень секретно, покажите ссылку на сайт.
1. Елена 09.01.2015 03:30 #
  
  Нет. С css все окей. Пришлось с настройками лайтбокса шаманить. От фансибокса я отказалась.
Елена 09.01.2015 03:31 #

Проблема решена. Всем спасибо.

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.