Разработчикам

Форум

фотогалерея, детальная картинка в новом окне

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

20.07.2009 15:15:24

Здравствуйте всем.
Помогите пожалуйста советом верстальщику.

Собственно необходимо чтобы по щелчку на уменьшенной картинке в галерее (photo.sections.top), в новом окне отображалось только одно фото реального размера, как по target="_blank". В общем отображение photo.detail вообще не нужно, главное чтобы полноразмерное фото открывалось в новом окне. Чтобы ненужно было проводить дополнительных махинаций с шаблоном сайта.
Можно ведь, конечно отверстать photo.detail, и задать странице с показом полноразмерных фото свой "пустой" шаблон, чтобы там было одно лишь фото, но это довольно трудоемко...

куски кода отвечающие за показ большой картинки я то нашел, а вот как это все претворить в действительно работающую галерею - не доходит :oops:

К примеру в photo.sections.top есть такой код перехода на photo.detail

Код

<?if(is_array($arItem["PICTURE"])):?>
<a href="<?=$arItem["DETAIL_PAGE_URL"]?>"><img border="0" src="<?=$arItem["PICTURE"]["SRC"]?>" width="<?=$arItem["PICTURE"]["WIDTH"]?>" height="<?=$arItem["PICTURE"]["HEIGHT"]?>" alt="<?=$arItem["PICTURE"]["DESCRIPTION"]?>" title="<?=$arItem["NAME"]?>" /></a><br />

<?endif?>

а в photo.detail есть такой код отображения полноразмерной картинки:

Код

<?if(is_array($arResult["PICTURE"])):?>

<img border="0" src="<?=$arResult["PICTURE"]["SRC"]?>" width="<?=$arResult["PICTURE"]["WIDTH"]?>" height="<?=$arResult["PICTURE"]["HEIGHT"]?>" alt="<?=$arResult["PICTURE"]["ALT"]?>" /><br />

<?endif?>

Но что делать с ними дальше, представляю смутно, есть мысль что в ссылку вызова photo.detail вставить путь к картинке <?=$arResult["PICTURE"]["SRC"]?> и открывать ее в новом окне..

Посоветуйте, пожалуйста, как сие можно осущетсвить...

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 23714

Эксперт

Сообщений: 288 Баллов: 62 Регистрация: 18.04.2008

21.07.2009 11:30:50

В компонентке photo.sections.top в параметрах добавьте выбор поля "Детальная картинка".

Т.е. вызов компоненты вот так выглядит.

Код

<?$APPLICATION->IncludeComponent("bitrix:photo.sections.top", ".default", array(
   "IBLOCK_TYPE" => "gallery",
   "IBLOCK_ID" => "9",
   "SECTION_SORT_FIELD" => "sort",
   "SECTION_SORT_ORDER" => "asc",
   "ELEMENT_SORT_FIELD" => "sort",
   "ELEMENT_SORT_ORDER" => "asc",
   "FILTER_NAME" => "arrFilter",
   "FIELD_CODE" => array(
      0 => "",
      1 => "DETAIL_PICTURE",
      2 => "",
   ),
   "PROPERTY_CODE" => array(
      0 => "",
      1 => "",
   ),
   "SECTION_COUNT" => "20",
   "ELEMENT_COUNT" => "9",
   "LINE_ELEMENT_COUNT" => "3",
   "SECTION_URL" => "",
   "DETAIL_URL" => "",
   "CACHE_TYPE" => "A",
   "CACHE_TIME" => "3600",
   "CACHE_FILTER" => "N",
   "DISPLAY_PANEL" => "N"
   ),
   false
);?>

Теперь в шаблоне тебе доступен путь к детальной картинке $arItem["DETAIL_PICTURE"]["SRC"]. Ну и все впринципе, теперь в шаблоне

Код

<a target = "_blank" href="<?=$arItem["DETAIL_PICTURE"]["SRC"]?>">
     <img border="0" 
     src="<?=$arItem["PICTURE"]["SRC"]?>" 
     width="<?=$arItem["PICTURE"]["WIDTH"]?>" 
     height="<?=$arItem["PICTURE"]["HEIGHT"]?>" 
     alt="<?=$arItem["PICTURE"]["DESCRIPTION"]?>" 
     title="<?=$arItem["NAME"]?>" />
</a>

Консультации по маркетплейсу. Установка, настройка, доработка решений

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

21.07.2009 16:32:54

Спасибо за ответ, Александр.

Как это должно работать теперь понятно, только немного непонятно с параметрами photo.sections.top, где они хранятся? Я так понял, что у меня (шаблон фотогалереи скопирован в папку с общим шаблоном через режим разработки) параметры хранятся в файле sections_top.php:

Только вот код вызова там отличается от того что вы привели, там вместо параметров полсе знака =>, стоит одна переменная везде, можете пояснить пожалуйста, то ли я нашел, и если да, то как будет правильней добавить туда поле "детальная картинка", и почему у меня везде стоит переменная $arParams, а у вас значения?
Вот код вызова компонента bitrix:photo.sections.top в файле sections_top.php:

Код

<?$APPLICATION->IncludeComponent(
   "bitrix:photo.sections.top",
   "",
   Array(
      "IBLOCK_TYPE" => $arParams["IBLOCK_TYPE"],
      "IBLOCK_ID" => $arParams["IBLOCK_ID"],
      "SECTION_COUNT" => $arParams["SECTION_COUNT"],
      "ELEMENT_COUNT" => $arParams["TOP_ELEMENT_COUNT"],
      "LINE_ELEMENT_COUNT" => $arParams["TOP_LINE_ELEMENT_COUNT"],
      "SECTION_SORT_FIELD" => $arParams["SECTION_SORT_FIELD"],
      "SECTION_SORT_ORDER" => $arParams["SECTION_SORT_ORDER"],
      "ELEMENT_SORT_FIELD" => $arParams["TOP_ELEMENT_SORT_FIELD"],
      "ELEMENT_SORT_ORDER" => $arParams["TOP_ELEMENT_SORT_ORDER"],
       "FIELD_CODE" => $arParams["TOP_FIELD_CODE"],
       "PROPERTY_CODE" => $arParams["TOP_PROPERTY_CODE"],
      "DISPLAY_PANEL" => $arParams["DISPLAY_PANEL"],
      "SET_TITLE" => $arParams["SET_TITLE"],
      "USE_PERMISSIONS" => $arParams["USE_PERMISSIONS"],
      "GROUP_PERMISSIONS" => $arParams["GROUP_PERMISSIONS"],
      "CACHE_TYPE" => $arParams["CACHE_TYPE"],
      "CACHE_TIME" => $arParams["CACHE_TIME"],

      "SECTION_URL" => $arResult["FOLDER"].$arResult["URL_TEMPLATES"]["section"],
      "DETAIL_URL" => $arResult["FOLDER"].$arResult["URL_TEMPLATES"]["detail"],
   ),
   $component
);
?>

изменяю его вот таким образом:

Код

<?$APPLICATION->IncludeComponent(
   "bitrix:photo.sections.top",
   "",
   Array(
      "IBLOCK_TYPE" => $arParams["IBLOCK_TYPE"],
      "IBLOCK_ID" => $arParams["IBLOCK_ID"],
      "SECTION_COUNT" => $arParams["SECTION_COUNT"],
      "ELEMENT_COUNT" => $arParams["TOP_ELEMENT_COUNT"],
      "LINE_ELEMENT_COUNT" => $arParams["TOP_LINE_ELEMENT_COUNT"],
      "SECTION_SORT_FIELD" => $arParams["SECTION_SORT_FIELD"],
      "SECTION_SORT_ORDER" => $arParams["SECTION_SORT_ORDER"],
      "ELEMENT_SORT_FIELD" => $arParams["TOP_ELEMENT_SORT_FIELD"],
      "ELEMENT_SORT_ORDER" => $arParams["TOP_ELEMENT_SORT_ORDER"],
       "FIELD_CODE" => array(
      0 => "",
      1 => "DETAIL_PICTURE",
      2 => "",
   ), #$arParams["TOP_FIELD_CODE"],
       "PROPERTY_CODE" => $arParams["TOP_PROPERTY_CODE"],
      "DISPLAY_PANEL" => $arParams["DISPLAY_PANEL"],
      "SET_TITLE" => $arParams["SET_TITLE"],
      "USE_PERMISSIONS" => $arParams["USE_PERMISSIONS"],
      "GROUP_PERMISSIONS" => $arParams["GROUP_PERMISSIONS"],
      "CACHE_TYPE" => $arParams["CACHE_TYPE"],
      "CACHE_TIME" => $arParams["CACHE_TIME"],

      "SECTION_URL" => $arResult["FOLDER"].$arResult["URL_TEMPLATES"]["section"],
      "DETAIL_URL" => $arResult["FOLDER"].$arResult["URL_TEMPLATES"]["detail"],
   ),
   $component
);
?>

но, что-то не работает, выводит под названием картинки в bitrix:photo.sections.top
текст: Детальная картинка : Array

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 23714

Эксперт

Сообщений: 288 Баллов: 62 Регистрация: 18.04.2008

21.07.2009 17:45:30

Цитата

Евгений Бескровный пишет:
Только вот код вызова там отличается от того что вы привели, там вместо параметров полсе знака =>, стоит одна переменная везде, можете пояснить пожалуйста, то ли я нашел, и если да, то как будет правильней добавить туда поле "детальная картинка", и почему у меня везде стоит переменная $arParams, а у вас значения?

Используешь комплексную компоненту bitrix:photo, поэтому и $arParams. А компонента sections_top в нее входит. Поэтому ей в параметры передаются параметры от комплексной =).

Ну там тоже есть поле FIELD_CODE. Вот туда и сувайте поле DETAIL_PICTURE (можно это сделать в графическом режиме или вручную)

Консультации по маркетплейсу. Установка, настройка, доработка решений

Пользователь 23714 Эксперт Сообщений: 288 Баллов: 62 Регистрация: 18.04.2008	#5 0 21.07.2009 17:49:56 Давайте скриншоты и код, ничего я не понял ) Консультации по маркетплейсу. Установка, настройка, доработка решений

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

22.07.2009 11:08:41

Все мне ясно стало теперь, только не видит bitrix:photo.sections.topадреса детальной картинки <?=$arItem["DETAIL_PICTURE"]["SRC"]?>, а если подставить в шаблон в ссылку уменьшенную, то все как надо открывается в новом окне:

Код

<a target = "_blank" href="<?=$arItem["PICTURE"]["SRC"]?>">
     <img border="0"
     src="<?=$arItem["PICTURE"]["SRC"]?>"
     width="<?=$arItem["PICTURE"]["WIDTH"]?>"
     height="<?=$arItem["PICTURE"]["HEIGHT"]?>"
     alt="<?=$arItem["PICTURE"]["DESCRIPTION"]?>"
     title="<?=$arItem["NAME"]?>" />
</a>

Ты вот сказал, что у составного компонента галереи есть свойство "FIELD_CODE", но в вызове моей bitrix:photoтакого свойства не было...
вот код вызова:

Код

<?$APPLICATION->IncludeComponent("bitrix:photo", "tmplt_photo", array(
   "IBLOCK_TYPE" => "gallery",
   "IBLOCK_ID" => "9",
   "SEF_MODE" => "N",
   "SEF_FOLDER" => "/automated_accounting_system/photo_gallery/",
   "AJAX_MODE" => "N",
   "AJAX_OPTION_SHADOW" => "Y",
   "AJAX_OPTION_JUMP" => "N",
   "AJAX_OPTION_STYLE" => "Y",
   "AJAX_OPTION_HISTORY" => "N",
   "CACHE_TYPE" => "A",
   "CACHE_TIME" => "3600",
   "CACHE_FILTER" => "N",
   "DISPLAY_PANEL" => "N",
   "SET_TITLE" => "Y",
   "SET_STATUS_404" => "N",
   "USE_PERMISSIONS" => "N",
   "USE_RATING" => "N",
   "USE_REVIEW" => "N",
   "USE_FILTER" => "N",
   "SECTION_COUNT" => "20",
   "TOP_ELEMENT_COUNT" => "9",
   "TOP_LINE_ELEMENT_COUNT" => "2",
   "SECTION_SORT_FIELD" => "sort",
   "SECTION_SORT_ORDER" => "asc",
   "TOP_ELEMENT_SORT_FIELD" => "sort",
   "TOP_ELEMENT_SORT_ORDER" => "asc",
   "TOP_FIELD_CODE" => array(
      0 => "",
      1 => "",
   ),
   "TOP_PROPERTY_CODE" => array(
      0 => "",
      1 => "",
   ),
   "SECTION_PAGE_ELEMENT_COUNT" => "20",
   "SECTION_LINE_ELEMENT_COUNT" => "2",
   "ELEMENT_SORT_FIELD" => "sort",
   "ELEMENT_SORT_ORDER" => "asc",
   "LIST_FIELD_CODE" => array(
      0 => "",
      1 => "",
   ),
   "LIST_PROPERTY_CODE" => array(
      0 => "",
      1 => "",
   ),
   "META_KEYWORDS" => "-",
   "META_DESCRIPTION" => "-",
   "DETAIL_FIELD_CODE" => array(
      0 => "",
      1 => "",
   ),
   "DETAIL_PROPERTY_CODE" => array(
      0 => "",
      1 => "",
   ),
   "DISPLAY_TOP_PAGER" => "N",
   "DISPLAY_BOTTOM_PAGER" => "Y",
   "PAGER_TITLE" => "Фотографии",
   "PAGER_SHOW_ALWAYS" => "Y",
   "PAGER_TEMPLATE" => "",
   "PAGER_DESC_NUMBERING" => "N",
   "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
   "AJAX_OPTION_ADDITIONAL" => "",
   "VARIABLE_ALIASES" => array(
      "SECTION_ID" => "SECTION_ID",
      "ELEMENT_ID" => "ELEMENT_ID",
   )
   ),
   false
);?>

если в этот код вставить свойство:

Код
"FIELD_CODE" => array( 0 => "", 1 => "DETAIL_PICTURE", 2 => "", ),

но эффекту ноль.

Можешь пояснить, как через визуальный интерфейс вставить это поле в bitrix:photo чтобы в шаблоне photo.sections.top ссылка видела всетаки детальную картинку?

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

22.07.2009 11:52:34

Итак, чем дальше в лес, тем ближе вылез))
До меня дошло, что в компоненте bitrix:photo свойство "TOP_FIELD_CODE" аналогично свойству "FIELD_CODE" в photo.sections.top, поэтому в приведенном выше коде вызова компонента bitrix:photo, я заменил строчки:

Код
"TOP_FIELD_CODE" => array( 0 => "", 1 => "", ),

на

Код
"TOP_FIELD_CODE" => array( 0 => "", 1 => "DETAIL_PICTURE", 2 => "", ),

и прописав в ссылке в шаблоне photo.sections.top путь вида: <?=$arItem["DETAIL_PICTURE"]["SRC"]?> я наконец-то получил, детальную картинку в новом окне, но вот незадача, после того как я в вызове компонента добавил "DETAIL_PICTURE" у меня на сайте при отображении photo.sections.top под названием превью картинки вылазит надпись следующего вида:
Детальная картинка : Array
Так вот, как бы с этим разобраться? Может не то свойство добавлять вообще?

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 23706

Гуру

Сообщений: 2615 Баллов: 428 Регистрация: 18.04.2008

22.07.2009 12:22:58

Цитата
Евгений Бескровный пишет: Так вот, как бы с этим разобраться? Может не то свойство добавлять вообще?

Поправьте шаблон нужного компонента, чтобы он не выводил дополнительные поля (вообще или только детальную картинку), так как эта функция шаблона, как я понял, не нужна.

Пользователь 43518

Постоянный посетитель

Сообщений: 232 Баллов: 33 Регистрация: 02.06.2009

22.07.2009 13:21:08

Цитата
Дмитрий Яковенко пишет: Поправьте шаблон нужного компонента, чтобы он не выводил дополнительные поля (вообще или только детальную картинку), так как эта функция шаблона, как я понял, не нужна.

Спасибо вам большое, Дмитрий, что прервали блуждание в трех соснах) все оказалось довольно просто, с точки зрения конечно меня - верстальщика, ибо я не разработчик и так до конца и не понял как эти свойства вообще работают)
но в шаблоне отвечающие за их показ строчки удачно закомментил, теперь все прекрасно работает так как нужно.

закоментил в photo.sections.top вледующее:

Код
<?foreach($arParams["FIELD_CODE"] as $code):?> <small><?=GetMessage("IBLOCK_FIELD_".$code)?> : <?=$arItem[$code]?></small><br /> <?endforeach?>

Спасибо большое всем за ответы

Хорошо что есть профи, которые тратят время на советы начинающим.

Профессионально занимаюсь версткой и интеграцией оной в шаблон «1С-Битрикс» beskrovnyy.com

Пользователь 20276

Заглянувший

Сообщений: 6 Регистрация: 31.01.2008

#10

29.01.2010 17:48:53

Собственно возникла похожая проблема, но по аналогии сделать не получилось:

Код

<?$APPLICATION->IncludeComponent(
   "bitrix:photogallery",
   "template1",
   Array(
      "SHOW_LINK_ON_MAIN_PAGE" => Array("id","shows","rating","comments"),
      "WATERMARK" => "Y",
      "WATERMARK_COLORS" => Array("000000"),
      "TEMPLATE_LIST" => "table",
      "CELL_COUNT" => "3",
      "SLIDER_COUNT_CELL" => "3",
      "USE_LIGHT_VIEW" => "Y",
      "SEF_MODE" => "N",
      "IBLOCK_TYPE" => "gallery",
      "IBLOCK_ID" => "9",
      "SECTION_SORT_BY" => "UF_DATE",
      "SECTION_SORT_ORD" => "DESC",
      "ELEMENT_SORT_FIELD" => "name",
      "ELEMENT_SORT_ORDER" => "desc",
      "ELEMENTS_USE_DESC_PAGE" => "Y",
      "SECTION_PAGE_ELEMENTS" => "15",
      "ELEMENTS_PAGE_ELEMENTS" => "50",
      "UPLOAD_MAX_FILE_SIZE" => "1024M",
      "ALBUM_PHOTO_THUMBS_SIZE" => "200",
      "ALBUM_PHOTO_SIZE" => "200",
      "THUMBS_SIZE" => "250",
      "JPEG_QUALITY1" => "95",
      "PREVIEW_SIZE" => "700",
      "JPEG_QUALITY2" => "95",
      "ORIGINAL_SIZE" => "1024",
      "JPEG_QUALITY" => "90",
      "ADDITIONAL_SIGHTS" => array(),
      "WATERMARK_MIN_PICTURE_SIZE" => "200",
      "WATERMARK_RULES" => "USER",
      "DISPLAY_PANEL" => "N",
      "DATE_TIME_FORMAT_SECTION" => "d.m.Y",
      "DATE_TIME_FORMAT_DETAIL" => "d.m.Y",
      "SET_TITLE" => "Y",
      "CACHE_TYPE" => "A",
      "CACHE_TIME" => "3600",
      "USE_RATING" => "N",
      "SHOW_TAGS" => "N",
      "USE_COMMENTS" => "N",
      "VARIABLE_ALIASES" => Array(
         "SECTION_ID" => "SECTION_ID",
         "ELEMENT_ID" => "ELEMENT_ID",
         "PAGE_NAME" => "PAGE_NAME",
         "ACTION" => "ACTION"
      )
   )
);?>

Пытался добавить описанный выше код - но безрезультатно.

Вопрос - как получить ссылку на оригинальную картинку в photogallery.detail.list????

Форум

Центр поддержки

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером