16# Реализация раздела на комплексном компоненте (news) | Видеокурс: Создание сайта на 1С Битрикс

Автор Ruslana Chernenko
16# Реализация раздела на комплексном компоненте (news) | Видеокурс: Создание сайта на 1С Битрикс

Всем привет.

Меня зовут нохрина. Италии и — это канал яковер в предыдущем уроке мы рассматривали комплексные компоненты и как они работают. А в этом видео мы реализуем раздел.

И для этого как раз нам понадобится комплексный компонент.

Из чего состоит общий раздел портфолио — это страница со списком обращу внимание, что на этой странице выводится как элементов такие список разделов, а также с детальной странице элемента портфолио. А здесь у нас размещены всякие тексты и можно сказать галерея как раз. И для этого нужны комплексные компоненты они позволяют реализовать при помощи одной физической странице. А вот такой вот целый раздел где у нас на одной странице выводится например на другой детальная страница для этого хорошо подойдёт компонент новости которые мы уже рассматривали. Также хотелось бы заранее поговорить о том какие простые компоненты будут реализовывать вот эти блоки вот этот блок с элементами будет реализовывать знакомый нам News list потому, что значит для вывода списка элементов. А вот список разделов мы выведем при помощи компонента catalog section list он как раз предназначен для вывода списка разделов и детальную страницу элемента портфолио мы будем реализовывать при помощи компонента News detail он как раз предназначен для вывода одного элемента инфоблока. Так, что приступим так как у нас здесь нужно хранить много разных данных то для этого мы будем использовать следующий список свойств также написал примерно того, что нам надо будет сделать за — это ты следующие уроки по разделу портфолио для начала нам надо инфоблок сделаем — это как обычно нажимаем добавить инфоблок из-за дадим ему кот портфолио привяжем к сайту и дадим название портфолио дальше здесь отметим настройку режима просмотра элементов совместный чтобы у нас и элементы и разделы при просмотре инфоблока были в одном месте и не надо было например как нажимать элементы для просмотра только элементов. Мне кажется — это удобно далее настроем полям сделаем обязательно привязку элемента к разделам потому, что у нас все элементы будут привязаны к какому-то разделу также отмечу, что некоторые элементы будут привязаны к нескольким разделам. Битрикс как раз — это позволяет сделать и также если мы отметим галочку разрешить выбор основного раздела для привязки то в таком случае у элемента можно показать основной раздел которому он будет относиться. А — это нам как раз понадобится потому, что название основного раздела будет выводиться вот здесь дальше сделаем у нас картинка для анонса была обязательной и настроим символьный код также какие-то дела в предыдущих видео дальше я задам точно такие же настройки для символьного кода у разделов настроем доступ и теперь перейдем к созданию свойств какой контент в каких полях будет храниться. Я вот тут вот написал поэтому создадим все свои здесь указано по списку дальше станет. Понятно для какой надписи. Какое свойство будет создана вот заголовок для детального нас будет иметь тип строка я задам ему кот geteilte. Вот — это свойство описание для детального нас будет хранить вот этот блок — это поле будет множественным потому, что мы каждый вот этот блок. Будем выносить в отдельное поле создадим свойства описание на детальной она будет иметь тип текста HTML пусть она имеет Code description и немного настроем сделаем чтобы — это поле было множественным тип у него мы задали и пусть остаётся количество полей для ввода 5 также активируем выводить поле для описания значения чуть позже посмотрю, что — это такое. Затем идёт свойства дополнительная информация она будет у нас хоронить вот эти данные она также будет множество и также отметим чтобы у него выводилось поле для описания значения количество полей для ввода новых значений предлагаю ограничить до 2 чтобы — это свойство не занимала много места зададим ему код от сейфа затем создадим свой галерея она будет иметь тип файл будет также множественным и будет хранить. Вот вот эти картинки Z1 ему кот и также сделаем чтобы было ограничение по типам загружаемых файлов сделать чтобы были в следующие форматы их надо перечислить через запятую и осталась единственной свойство ссылка на сайт она будет иметь тип строка будет необязательным зададим ему Code Link и сделаем так чтобы у него вводилось полиса сегодня блок настроен и теперь перейдём на него давайте рассмотрим некоторые свойства. Так выглядит свойство типа файл. Сюда можно загружать некоторые файлы вот так выглядит поле строка с описанием. Вот — это поле будет хранить сама значение свойства и сюда можно будет ещё задать какой-нибудь дополнительное значение то есть мы просто расширяем количество полей. Как будет хранить одно свойство. А так выглядит поле типа текст HTML в нём мы просто можем выбирать режим ввода контента, а также у него выводится описание как и тут ну и собственно. Всё теперь я приду к наполнению инфоблока готова инфоблока наполнен получилось примерно следующая картина четыре раздела из 6 элементов ещё раз повторюсь что. Каждый элемент может относиться к нескольким разделам поэтому на вкладке раздел. Я выбрал по нескольку разделов, а также выбрал необходимое основной раздел теперь перейдем к созданию странице сделаем так чтобы у нас раздел портфолио доступен по следующему адресу поэтому. Нам необходимо в корне создать папку портфолио и уже в нём индексную страницу для просто скопировал файл главной страницы и поместим сюда, а тут. Удали весь ненужный кот, а также я задам приветствующий там сейчас просто через визуальный редактор разместим на данной странице нужно будет компонент новости который будет реализовывать данный раздел.

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

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