13# Реализация блока с инфографикой (инфоблоки + news.list) | Видеокурс: Создание сайта на Битрикс

Автор Elena Batratskaya
13# Реализация блока с инфографикой (инфоблоки + news.list) | Видеокурс: Создание сайта на Битрикс

Всем привет.

Меня зовут нохрина. Италии и — это канал яковер в этом видео мы закончим делать главную страницу интегрируем блок с инфографикой. Вообще его можно реализовать двумя способами первым — это на включаемых областях то есть вынести вот этого отдельный включаемую область этого отдельный включаемой области эту в таком случае данный блок будет загружаться быстрее, но этот способ несёт в себе недостатки про которые я говорил в уроки про включаемые области и второй способ — это реализовать при помощи инфоблоков и знакомого нам компоненты News list например вот этот элемент хранить генитальном тексте — это у нас html-код вот — это хранить в названии, а — это в тексте анонса пресс для этого как всегда.

Нам необходимо создать инфоблок перейдём в тип инфоблока контенты добавим его зададим ему.

Ему символьный код дальше как всегда надо задать название и привязать к сайту также я задам ему индекс сортировки чтобы он был третьим в списке на этой странице. Всё теперь перейдем к настройкам полей здесь сделаем так чтобы детальное описание было также сделаем так чтобы символьный код был обязательным и транслировался и для полей разделов сделаю тоже самое как доступа всем пользователям доступа на чтение чтобы выводился в публичной части и на этом настройка инфоблока завершена. Теперь его нужно наполнить контент я в этот буду брать также и зверски. Вот — это текст. Пойдет У нас названием число у нас пойдёт в текст анонса. А в подробно у нас пойдёт вот этот html-код также зададим сортировку готова инфоблок на я все элементы разместил в корне инфоблока потому, что у нас этот блок будет использоваться только на главной. А если нам надо будет какие-то элементы выводить на других страницах то будем размещать элементы подразделов. А теперь на главной странице необходимо разместить компонент News list сделаем — это также как в прошлый раз через код. Вот например компонент который выводит основные направления. Вот этот текст можно и, что касается параметр в компонент, а то смотрите в документации. Что значит те или иные настройки то есть параметры в ходе тут я пока что. Уберусь код шаблона поля подгружается. Всё верно. Можно например так как мы картинку не выходим заменить. Вот — это значение на н. Что означает не выводить теперь функцию которая возвращает 1-го блока необходимо передать правильный код инфоблока — это у нас infographics затем необходимо изменить количество элементов которые будет подгружать компонент — это 4 уберём фильтрацию по разделу. Потому, что сейчас надо под элементы из корня и на этом всё компонент настроен в проверим, что он выводит вот он под все элементы теперь необходимо создать для этого компонента шаблон для этого скальпируем один из ранее созданных я его также назову. Какие код инфоблока infographics сюда как всегда надо сначала скопировать верстку блока вот он блок готового шаблона интегрирован здесь как всегда сначала. Сделай проверку если элементы в. Томск и затем вывел в цикле все элементы также и не стали реализовывать возможность редактирования элементов из публичной части сайта и минусах которого я говорил в одном из видео и теперь осталось прописать вызове компонента шаблон который должен погрузиться готовые. Теперь всё должно заработать. Да всё заработало на этом данные завершён оставшиеся блоки главной странице. Мы реализуем в рамках интеграции других страниц либо же — это надо будет сделать самостоятельно в соответствии с т.з. если — это видео для вас полезным то ставьте лайки подписывайтесь на канал чтобы не пропустить следующие часть видеокурса и переходите к следующему видео в котором я подробно расскажу о том, что такое компоненты.

0 комментариев
0

Читайте также