И снова здравствуйте!
Подключила jQuery Colorbox (теперь не уверена, что он нужен)
Мне нужно, чтобы при нажатии на любой товар открывалась не новая страничка с детальным фото и описанием, а всплывала картинка с той же информацией (детальное фото и информация).
Сначала думала, что нужно где-то прописать
но поняла, что не понимаю где)
Сначала прописала на страничку продукции (предварительно включив туда компонент catalog element, потому что иначе $arResult - NULL), потом в catalog section. Естественно (а может и не очень) не получилось. При нажатии на товар открывается новая страничка.
Потом подумала, что можно в шаблоне поменять
на что-нибудь, но тоже не особо додумалась..
Объясните кто-нибудь хотя бы логику, что куда откуда и как..
Спасибо!
Только начинаю со всем этим работать, не судите строго
Подключила 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; ?> |
Объясните кто-нибудь хотя бы логику, что куда откуда и как..
Спасибо!
Только начинаю со всем этим работать, не судите строго