Bitrix Управление Сайтом — Как зайти в параметры компонента из админки
Напортачил с параметрами в части «Управление адресами страниц» в настройке параметров компонента. Теперь сайт показывает 404 и я не могу войти в редактирование через режим правок. Как можно зайти в параметры компонента из админки? Иду в файлы -> services -> index.php, но варианты только редактировать php, html и текст. Можно ли как-то в визуальный режим выйти для удобства работы?
Нажать редактировать как html, откроется редактор, там 3 режима, визуальный, кода и смешанный, надо выбрать визуальный и кликнуть по иконке компонента на странице
Настройки компонента
При подключении компонента, через третий параметр можно указать свойства (настройки) компонента.
Данные свойства доступы в файле component.php и в файлах шаблона компонента.
Для каждого свойства $arParams применяется функция htmlspecialcharsEx() , при этом исходное значение сохраняется с тем же именем, но вначале стоит знак
Изменение свойств компонента через админку
Чтобы изменять свойства компонента через админку Битрикс (в режиме правок), в папке компонента надо создать файл .parameters.php .
В результате в настройках компонента появится новый параметр:
Значения, которые указаны при подключении модуля, в файле «.parameters.php» доступы через массив $arCurrentValues .
В массиве $arComponentParameters через параметр GROUPS можно создавать свои группы.
Как зайти в настройки компонента битрикс
Современные сайты наполняются содержанием с помощью специального программного обеспечения: CMS.
Соответственно, контент-менеджер (или редактор сайта) — это специалист, работающий с CMS.
Для кого этот курс?
Курс Контент-менеджер адресован тем, кто работает с содержанием сайта: наполнение, изменение текста, загрузка и размещение картинок и так далее.
- работать с элементами управления в интерфейсе системы;
- приемам работы в визуальном редакторе — основном инструменте при работе над содержанием сайта;
- работать с информационными блоками — местом хранения большей части информации на сайте;
- работать с компонентами — инструментом вывода информации на страницах сайта;
- работать с некоторыми модулями системы.
У нас часто спрашивают, сколько нужно заплатить
Курс полностью бесплатен. Изучение курса, прохождение итоговых тестов и получение сертификатов — ничего из этого оплачивать не нужно.
Ещё у нас есть Академия 1С-Битрикс, где можно обучиться на платной основе на курсах нашей компании либо наших партнёров.
Баллы опыта
В конце каждого урока есть кнопка Прочитано! . При клике на неё в вашу итоговую таблицу опыта добавляется то количество баллов, которое указано в прочитанном После нажатия кнопки Прочитано! появится
окно подтверждения:
уроке.
Периодически мы заново оцениваем сложность уроков, увеличивая/уменьшая число баллов, добавляем новые уроки. Поэтому итоговое количество баллов курса и количество набранных вами баллов могут различаться между собой. Набранные вами баллы, в отличие от суммы баллов курса, не пересчитываются. Не переживайте!
Отличный результат — это если общее число набранных вами баллов отличается от максимального на несколько процентов.
Практика и тесты
При изучении курса рекомендуется повторять описываемые действия на демонстрационной версии сайта, установленной локально или в Виртуальной лаборатории.
После изучения курса пройдите тесты на сертификацию. При успешной сдаче линейки тестов со страницы Моё обучение скачайте сертификат об успешном прохождении курса в формате PDF.
Также вы можете поделиться ссылкой на страницу со своими сертификатами. Для этого на странице Моё обучение отметьте опцию Разрешить публичный доступ к резюме студента 
и скопируйте ссылку на страницу резюме 
. Страница с вашим резюме будет доступна всем, кому вы отправите ссылку на неё.
Комментарии к урокам
| На каждой странице курса авторизованный на сайте посетитель может дать комментарий к содержимому страницы. Комментарий — не форум, там не ведётся обсуждений или разъяснений. Это инструмент для сообщений нам об ошибках, неточностях. Для отправки комментария воспользуйтесь расположенной в правом нижнем углу окна браузера кнопкой: |  |
Для преподавания офлайн
Если данный курс берётся в качестве основы для офлайнового преподавания, то рекомендуемая продолжительность: 2 дня (16 академических часов).
Если нет интернета
Скачать материалы курса в формате EPUB. Файлы формата EPUB Чем открыть файл на
Android:
EPUB Reader
CoolReader
FBReader
Moon+ Reader
eBoox
iPhone:
FBReader
CoolReader
iBook
Bookmate
Windows:
Calibre
FBReader
Icecream Ebook Reader
Плагины для браузеров:
EpuBReader – для Firefox
Readium – для Google Chrome
iOS
Marvin for iOS
ShortBook
Linux:
Calibre
FBReader
Cool Reader
Okular
обновляются периодически, поэтому возможно некоторое отставание их от онлайновой версии курса. Версия файла — от 29.06.2023.
Урок 7. Параметры компонента битрикс и result_modifier.php
Приветствую. В предыдущем уроке мы вывели товары на страницу каталога. Собственно почти готов интернет-магазин, по крайней мере витрина. Но если вы посмотрите, то каталог выводится не очень хорошо, из за того, что разный размер изображений и разная длинна наименования (в одну и две строки) карточки товаров «скачут».
- Разная высота и ширина карточек
- Наименование выводится в две строки и сдвигает в низ цену и кнопку Купить.
Изменение результата работы компонента через result_modifier.php
Первая проблема это то, что изображения предварительного просмотра добавлены в инфоблок разных размеров. Ситуация распространенная, т.к. подгонять все изображение под один размер до миллиметра это не реально. Хотя конечно изображения должны быть примерно одинаковых размеров.
Что нам нужно сделать? Просто версткой, указанием размеров блока изображения проблему не решить, т.к. картинки растянутся не пропорционально. Нужно делать полноценный resize с сохранением пропорций. И в этой задаче нам тоже поможет богатое API Битрикса, в нем есть все функции для этого, а точнее нам понадобится всего одна CFile::ResizeImageGet.
Чтобы изменить размер изображений в инфоблоке Битрикс нужно выполнить следующий код.
Мы снова в цикле обходим элементы массива $arResult и функцией CFile::ResizeImageGet() изменяем размер изображения.
Подробнее о функции можно посмотреть в документации Битрикс. После преобразования мы устанавливаем параметры ширины и высоты изображения 200 пикселов. Но главное мы в качестве источника изображения указываем наш преобразованный файл.
$arResult[«ITEMS»][$cell][«PREVIEW_PICTURE»][‘SRC’] = $file[‘src’];
Данный код можно разместить и в самом шаблоне компонента news.list или в специальном файле result_modifier.php , который должен находится в то же папке где и файл шаблона компонента. На нем я остановлюсь поподробней, т.к. это интересная технология модификации результата работы компонента без изменения кода компонента или шаблона.
Файл result_modifier.php — инструмент для модификации данных работы компонента произвольным образом. Создается разработчиком самостоятельно.
<?foreach($arResult[«ITEMS»] as $item):?>
<?
$file = CFile::ResizeImageGet($item[«PREVIEW_PICTURE»][«ID»],array(‘width’ => 200,’height’ => 200), BX_RESIZE_IMAGE_EXACT, true);
$item[«PREVIEW_PICTURE»][‘WIDTH’] = $file[‘width’];
$item[«PREVIEW_PICTURE»][‘HEIGHT’] = $file[‘height’];
$item[«PREVIEW_PICTURE»][‘SRC’] = $file[‘src’];
?>
Результат работы будет одинаковый. Расположить код внутри шаблона в данном примере более оптимально т.к. нет ненужного цикла по всему массиву $arResult.
Посмотрим результат — уже намного лучше, все карточки одного размера. То, что лица срезались, это изначально картинки выбраны не подходящих пропорций и лучше их автоматически обрезать невозможно.
А чтобы лучше понять, что произошло и как битрикс работает с изображениями предлагаю добавить вывод отладочной информации, в код вывода карточек добавить одну строку (выделил красным).
Код:
Результат будет следующий.
Обратите внимание Битрикс создает отдельную папку resize_cache в которой сохраняет преобразованные файлы.
И остатется вторая проблема — это когда наименование в две строчки у нас сдвигается цена и кнопка купить ниже. Данную проблему мы решим версткой. Зададим фиксированный размер блока вывода наименования таким, чтобы влезало две строки текста.
Код:
.bord h5 <
display: block;
height: 60px;
>
Параметры компонентов Битрикс
<?
if (!defined(«B_PROLOG_INCLUDED») || B_PROLOG_INCLUDED!==true) die();
$arTemplateParameters = array(
«CELL-LARGE» => Array(
«NAME» => «Количество столбцов для большого экрана»,
«TYPE» => «STRING»,
‘DEFAULT’ => «5»,
),
«CELL-MEDIUM» => Array(
«NAME» => «Количество столбцов для среднего экрана»,
«TYPE» => «STRING»,
‘DEFAULT’ => «3»,
),
«CELL-SMALL» => Array(
«NAME» => «Количество столбцов для маленького экрана»,
«TYPE» => «STRING»,
‘DEFAULT’ => «2»,
),
);
?>
Т.к. шаблон адаптивный мы внесли параметры для трех размеров экранов. Т.е. у нас будет возможность на каждом размере экрана задать какое количество столбцов нужно выводить.
Теперь посмотрим, как это реализовать в шаблоне?
<?
$largeup = ‘large-up-‘.$arParams[‘CELL-LARGE’];
$mediumup = ‘medium-up-‘.$arParams[‘CELL-MEDIUM’];
$smallup = ‘small-up-‘.$arParams[‘CELL-SMALL’];
$div_class = $smallup.’ ‘.$mediumup.’ ‘.$largeup;
Передача параметров между компонентами Битрикс
$APPLICATION->IncludeComponent(
«bitrix:news.list»,
«»,
Array(
«IBLOCK_TYPE» => $arParams[«IBLOCK_TYPE»],
«IBLOCK_ID» => $arParams[«IBLOCK_ID»],
«NEWS_COUNT» => $arParams[«NEWS_COUNT»],
«SORT_BY1» => $arParams[«SORT_BY1»],
«SORT_ORDER1» => $arParams[«SORT_ORDER1»],
«SORT_BY2» => $arParams[«SORT_BY2»],
«SORT_ORDER2» => $arParams[«SORT_ORDER2»],
«FIELD_CODE» => $arParams[«LIST_FIELD_CODE»],
«PROPERTY_CODE» => $arParams[«LIST_PROPERTY_CODE»],
«DETAIL_URL» => $arResult[«FOLDER»].$arResult[«URL_TEMPLATES»][«detail»],
«SECTION_URL» => $arResult[«FOLDER»].$arResult[«URL_TEMPLATES»][«section»],
«IBLOCK_URL» => $arResult[«FOLDER»].$arResult[«URL_TEMPLATES»][«news»],
«DISPLAY_PANEL» => $arParams[«DISPLAY_PANEL»],
«SET_TITLE» => $arParams[«SET_TITLE»],
«SET_LAST_MODIFIED» => $arParams[«SET_LAST_MODIFIED»],
«MESSAGE_404» => $arParams[«MESSAGE_404»],
«SET_STATUS_404» => $arParams[«SET_STATUS_404»],
«SHOW_404» => $arParams[«SHOW_404»],
«FILE_404» => $arParams[«FILE_404»],
«INCLUDE_IBLOCK_INTO_CHAIN» => $arParams[«INCLUDE_IBLOCK_INTO_CHAIN»],
«CACHE_TYPE» => $arParams[«CACHE_TYPE»],
«CACHE_TIME» => $arParams[«CACHE_TIME»],
«CACHE_FILTER» => $arParams[«CACHE_FILTER»],
«CACHE_GROUPS» => $arParams[«CACHE_GROUPS»],
«DISPLAY_TOP_PAGER» => $arParams[«DISPLAY_TOP_PAGER»],
«DISPLAY_BOTTOM_PAGER» => $arParams[«DISPLAY_BOTTOM_PAGER»],
«PAGER_TITLE» => $arParams[«PAGER_TITLE»],
«PAGER_TEMPLATE» => $arParams[«PAGER_TEMPLATE»],
«PAGER_SHOW_ALWAYS» => $arParams[«PAGER_SHOW_ALWAYS»],
«PAGER_DESC_NUMBERING» => $arParams[«PAGER_DESC_NUMBERING»],
«PAGER_DESC_NUMBERING_CACHE_TIME» => $arParams[«PAGER_DESC_NUMBERING_CACHE_TIME»],
«PAGER_SHOW_ALL» => $arParams[«PAGER_SHOW_ALL»],
«PAGER_BASE_LINK_ENABLE» => $arParams[«PAGER_BASE_LINK_ENABLE»],
«PAGER_BASE_LINK» => $arParams[«PAGER_BASE_LINK»],
«PAGER_PARAMS_NAME» => $arParams[«PAGER_PARAMS_NAME»],
«DISPLAY_DATE» => $arParams[«DISPLAY_DATE»],
«DISPLAY_NAME» => «Y»,
«DISPLAY_PICTURE» => $arParams[«DISPLAY_PICTURE»],
«DISPLAY_PREVIEW_TEXT» => $arParams[«DISPLAY_PREVIEW_TEXT»],
«PREVIEW_TRUNCATE_LEN» => $arParams[«PREVIEW_TRUNCATE_LEN»],
«ACTIVE_DATE_FORMAT» => $arParams[«LIST_ACTIVE_DATE_FORMAT»],
«USE_PERMISSIONS» => $arParams[«USE_PERMISSIONS»],
«GROUP_PERMISSIONS» => $arParams[«GROUP_PERMISSIONS»],
«FILTER_NAME» => $arParams[«FILTER_NAME»],
«HIDE_LINK_WHEN_NO_DETAIL» => $arParams[«HIDE_LINK_WHEN_NO_DETAIL»],
«CHECK_DATES» => $arParams[«CHECK_DATES»],
«CELL-LARGE» => $arParams[«CELL-LARGE»],
«CELL-MEDIUM» => $arParams[«CELL-MEDIUM»],
«CELL-SMALL» => $arParams[«CELL-SMALL»],
),
$component
);
Архив магазина StartShop на момент урока можно скачать отсюда.
От автора:
Ну вот, наконец-то мы доделали наш каталог для магазина Битрикс на редакции Старт StartShop. Теперь он выглядит вполне достойно, можно редактировать количество выводимых элементов, количество колонок. Он адаптивный — меняет количество колонок в зависимости от размера экрана. Конечно, над красотой каталога можно ещё работать и работать, но это уже выходит за рамки моего курса (по крайней мере пока). А в следующим уроке мы займемся выводом детальной страницы товара.
Давайте обратную связь и подписывайтесь, чтобы не пропустить новые статьи. До встречи.