# Раздел "Статьи"

Динамический раздел. Состоит из двух страниц:
- Список статей
- Детальная страница статьи

Ссылки на прототип:
* [список](http://eshop.proto.webprofy.ru/#p=articles-list_-_simple_with_photo)
* [детально](http://eshop.proto.webprofy.ru/#p=news-item_-_default)

Компоненты:
* [bitrix:news/articles](https://bitbucket.org/webprofy/optima-eshop2/src/master/local/templates/.default/components/bitrix/news/articles/)
* [bitrix:news.list/articles](https://bitbucket.org/webprofy/optima-eshop2/src/master/local/templates/.default/components/bitrix/news.list/articles/)
* [bitrix:news.detail/.default](https://bitbucket.org/webprofy/optima-eshop2/src/master/local/templates/.default/components/bitrix/news.detail/.default/)

Ссыдка на верстку:
* [список](http://eshop.optima.webprofy.ru/_optima/articles/)
* [детально](http://eshop.optima.webprofy.ru/_optima/article/)

## Параметры

Описание параметров можно посмотреть на странице шаблона bitrix:news/articles




Ссылка: [bitrix:news/articles](https://bitbucket.org/webprofy/optima-eshop2/src/master/local/templates/.default/components/bitrix/news/articles/)

## ТЗ

В разделе «Статьи» отображается анонсируемыйий список статей. Каджый анонс статьи содержит изображение, заголовок и краткое описание.

Изображение должно соответствовать следующим техническим требованиям:
* максимальный объем файла — 10 МБ;
* формат изображения — JPG, PNG или GIF;
* соотношение сторон изображения должно быть 3:4.

На одной странице отображается 10 анонсов статей. При превышении данного количества на странице появляется постраничная навигация.

Заголовок и изображение являются ссылками для перехода на страницу с детальным описанием статьи.

### Страница детального описания статьи 

На странице детального описания отображается полный текст статьи. Страница статьи представлена как текстовая страница, на которой отображается: главное изображение статьи, дата публикации статьи, текст статьи, панель шаринга в соц.сети, кнопка возврата в список статей. Также предусматривается возможность форматирования текста (заголовки первого, второго, третьего уровня, списки, нумерованные списки, выделения, таблицы), размещения фотографий, фотогалерей, текстов, ссылок, видеоматериалов (видеозаписи встраиваются из YouTube).