И снова здравствуйте!
Подключила jQuery Colorbox (теперь не уверена, что он нужен)
Мне нужно, чтобы при нажатии на любой товар открывалась не новая страничка с детальным фото и описанием, а всплывала картинка с той же информацией (детальное фото и информация).
Сначала думала, что нужно где-то прописать
Код |
---|
<script>
$(document).ready(function(){
$("div.catalog-item-image a").colorbox({
href: <?=$arResult["DETAIL_PICTURE"]["SRC"]?>
});
});
</script> |
но поняла, что не понимаю где)
Сначала прописала на страничку продукции (предварительно включив туда компонент catalog element, потому что иначе $arResult - NULL), потом в catalog section. Естественно (а может и не очень) не получилось. При нажатии на товар открывается новая страничка.
Потом подумала, что можно в шаблоне поменять
Код |
---|
<?
(is_array($arElement["PREVIEW_PICTURE"])):
$width = $arElement["PREVIEW_PICTURE"]["WIDTH"];
?>
<div class="catalog-item-image">
<a href="<?=$arElement["DETAIL_PAGE_URL"]?>"><img border="0" src="<?=$arElement["PREVIEW_PICTURE"]["SRC"]?>" width="<?=$arElement["PREVIEW_PICTURE"]["WIDTH"]?>" height="<?=$arElement["PREVIEW_PICTURE"]["HEIGHT"]?>" alt="<?=$arElement["NAME"]?>" title="<?=$arElement["NAME"]?>" /></a>
</div>
<?
elseif(is_array($arElement["DETAIL_PICTURE"])):
$width = $arElement["DETAIL_PICTURE"]["WIDTH"];
?>
<div class="catalog-item-image">
<a href="<?=$arElement["DETAIL_PAGE_URL"]?>"><img border="0" src="<?=$arElement["DETAIL_PICTURE"]["SRC"]?>" width="<?=$arElement["DETAIL_PICTURE"]["WIDTH"]?>" height="<?=$arElement["DETAIL_PICTURE"]["HEIGHT"]?>" alt="<?=$arElement["NAME"]?>" title="<?=$arElement["NAME"]?>" /></a>
</div>
<?
endif;
?> |
на что-нибудь, но тоже не особо додумалась..
Объясните кто-нибудь хотя бы логику, что куда откуда и как..
Спасибо!
Только начинаю со всем этим работать, не судите строго