Видеоурок №7: включаемые области в битрикс

Создаем включаемые области на сайте. Рассказываю какими они бывают и возможные способы применения включаемых областей.

Видеоурок №7: включаемые области в битрикс

Все серии

• Видеоурок №1: вводный
  
• Видеоурок №2: верстка макета на HTML/CSS
  
• Видеоурок №3: установка битрикс на виртуальную машину
  
• Видеоурок №4: создаем шаблон битрикс из HTML/CSS макета сайта
  
• Видеоурок №5: создание меню
  
• Видеоурок №6: создаем простые инфоблоки и выводим на сайт
  
• Видеоурок №7: включаемые области в битрикс
  
• Видеоурок №8: создание слайдера
  
• Видеоурок №9: наводим марафет на сайте
  
• Видеоурок №10: создание каталога товаров
  
• Видеоурок №11: перенос сайта на хостинг
  
• Видеоурок №12: верстка каталога в Битрикс
  
• Видеоурок №13: выводим анонсы каталога
  
• Видеоурок №14: послесловие и немного тупняка с Яндексом
  

Комментарии к видео

Все комментарии: Оставить комментарий

Нели Маями04.11.2016

Привет. Подскажите как для включаемой области сделать отдельный css файл чтобы его можно было в режиме разработчика редактировать.

Михаил Базаров05.11.2016

Цитата
Нели Маями написал: Привет. Подскажите как для включаемой области сделать отдельный css файл чтобы его можно было в режиме разработчика редактировать.

Можно скопировать шаблон включаемой области в шаблон своего сайта (да вкл, область это тоже компонент- такой же как и все, с такой же логикой работы шаблона)
А можно в основном файле стилей сайта прописать все нужные селекторы, тут как удобнее.

Нели Маями05.11.2016

Цитата

Михаил Базаров пишет: Цитата Нели Маями написал: Привет. Подскажите как для включаемой области сделать отдельный css файл чтобы его можно было в режиме разработчика редактировать. Можно скопировать шаблон включаемой области в шаблон своего сайта (да вкл, область это тоже компонент- такой же как и все, с такой же логикой работы шаблона) А можно в основном файле стилей сайта прописать все нужные селекторы, тут как удобнее.

Спасибо. Хорошо, буду пробовать. А вы как делаете, в основном файле стили прописываете?

Михаил Базаров06.11.2016

Цитата

Нели Маями написал: Цитата Михаил Базаров  пишет: Цитата Нели Маями написал: Привет. Подскажите как для включаемой области сделать отдельный css файл чтобы его можно было в режиме разработчика редактировать. Можно скопировать шаблон включаемой области в шаблон своего сайта (да вкл, область это тоже компонент- такой же как и все, с такой же логикой работы шаблона) А можно в основном файле стилей сайта прописать все нужные селекторы, тут как удобнее. Спасибо. Хорошо, буду пробовать. А вы как делаете, в основном файле стили прописываете?

делаю как удобнее, в рамках конкретного сайта. Если селекторов всего 2-3, то адекватнее в основной файл стилей их сгрузить

Нели Маями06.11.2016

Цитата

Михаил Базаров пишет: Цитата Нели Маями написал: Цитата Михаил Базаров пишет: Цитата Нели Маями написал: Привет. Подскажите как для включаемой области сделать отдельный css файл чтобы его можно было в режиме разработчика редактировать. Можно скопировать шаблон включаемой области в шаблон своего сайта (да вкл, область это тоже компонент- такой же как и все, с такой же логикой работы шаблона) А можно в основном файле стилей сайта прописать все нужные селекторы, тут как удобнее. Спасибо. Хорошо, буду пробовать. А вы как делаете, в основном файле стили прописываете? делаю как удобнее, в рамках конкретного сайта. Если селекторов всего 2-3, то адекватнее в основной файл стилей их сгрузить

Здравствуйте. Не получается почему то.
Вот у меня файл newslatter-form.php лежит в папке includes, которая в корне сайта.
А вот шаблон сайта - bitrix/templates/ru_index
Подскажите пожалуйста, куда переносить мой файл и файл css. Чтобы эту включаемую область можно было редактировать не только код, но и стили в режиме правки на сайте.

Нели Маями08.11.2016

Цитата

Нели Маями пишет: Цитата Михаил Базаров пишет: Цитата Нели Маями написал: Цитата Михаил Базаров пишет: Цитата Нели Маями написал: Привет. Подскажите как для включаемой области сделать отдельный css файл чтобы его можно было в режиме разработчика редактировать. Можно скопировать шаблон включаемой области в шаблон своего сайта (да вкл, область это тоже компонент- такой же как и все, с такой же логикой работы шаблона) А можно в основном файле стилей сайта прописать все нужные селекторы, тут как удобнее. Спасибо. Хорошо, буду пробовать. А вы как делаете, в основном файле стили прописываете? делаю как удобнее, в рамках конкретного сайта. Если селекторов всего 2-3, то адекватнее в основной файл стилей их сгрузить Здравствуйте. Не получается почему то. Вот у меня файл newslatter-form.php лежит в папке includes, которая в корне сайта. А вот шаблон сайта - bitrix/templates/ru_index Подскажите пожалуйста, куда переносить мой файл и файл css. Чтобы эту включаемую область можно было редактировать не только код, но и стили в режиме правки на сайте.

Подскажите пожалуйста, уже не знаю что делать...(

Станислав Мишин31.05.2017

Здравствуйте, Михаил!
Я хочу использовать включаемую область для статической информации только на конкретной странице.
Подскажите пожалуйста, есть ли необходимость создавать для моей статической информации (для вставки во включаемую область) свой инфоблок>раздел>страницу или лучше сделать проще и сверстать статику в html и css прямо в теле самой включаемой области? По сути это статичный текстовой баннер с текстовыми блоками и меняться он не будет. Будет ли это корректно? Заранее благодарю за ответ.

Михаил Базаров31.05.2017

Цитата

Станислав Мишин написал: Здравствуйте, Михаил! Я хочу использовать включаемую область для статической информации только на конкретной странице. Подскажите пожалуйста, есть ли необходимость создавать для моей статической информации (для вставки во включаемую область) свой инфоблок>раздел>страницу или лучше сделать проще и сверстать статику в html и css прямо в теле самой включаемой области? По сути это статичный текстовой баннер с текстовыми блоками и меняться он не будет. Будет ли это корректно? Заранее благодарю за ответ.

Если просто html и меняться не будет- то адекватнее всего использовать "включаемую область для страницы" для того они и придуманы :)

Юрий Агеев31.10.2018

Здравствуйте Михаил, а возможно ли выложить файлы данного урока?

Михаил Базаров01.11.2018

Цитата
Юрий Агеев пишет: Здравствуйте Михаил, а возможно ли выложить файлы данного урока?

Безвозратно утрачено  :)

Юрий Агеев03.11.2018

Я не могу найти где можно установить шрифт цены и сделать рамку как у Вас

Михаил Базаров03.11.2018

Цитата
Юрий Агеев написал: Я не могу найти где можно установить шрифт цены и сделать рамку как у Вас

Вроде бы нашел. Но не уверен на сколько он актуальный
https://yadi.sk/d/h6nn2TWnP3h6fg

Юрий Агеев03.11.2018

увы, но то, что мне нужно там отсутствует

Юрий Агеев03.11.2018

может тогда подскажите в каком файле можно отредактировать вид цен?

Михаил Базаров03.11.2018

Цитата
Юрий Агеев написал: может тогда подскажите в каком файле можно отредактировать вид цен?

В шаблоне компонента. Если про карточку товара спрашиваете-то соответсвенно:
шаблон_сайта/components/bitrix/catalog/bitrix/catalog.element/template.php

Юрий Агеев04.11.2018

у меня выведены услуги по Вашим урокам, но цена в услугах очень мелко смотрится вот и хочу увеличить шрифт

Артём Черепанов31.01.2020

Здравствуйте Михаил
Подскажите как лучше реализовать следущее:
Трехколоночный сайт, первая колонка это меню сайта, вторая колонка меню раздела, третья колонка контент (work_area), но все три колонки должны быть видны только в элементах инфоблока.
Сейчас на сайте созданы несколько разделов новостей, на странице любого раздела должны быть только 2 колонки, это первая колонка с меню сайта и колонка с work_area. На детальной странице, должна выводится еще колонка, со списком всех записей этого раздела (компонент Список новостей).
Сейчас пытаюсь сделать следующее - вставил в шаблон сайта включаемую область для третьей колонки, но третья колонка выводится во всем разделе, и я не знаю как запретить вывод включаемой области на странице раздела и оставить в детальной новости. И правильно ли вообще использовать включаемую область в моем случае?

Михаил Базаров31.01.2020

Цитата
Артём Черепанов написал: Здравствуйте Михаил Подскажите как лучше реализовать следущее: Трехколоночный сайт, первая колонка это меню сайта, вторая колонка меню раздела, третья колонка контент (work_area), но все три колонки должны быть видны только в элементах инфоблока.

Зависит от общей компановки и верстки сайта. Но думаю поможет следующее:

1) Создаете дополнительный параметр в управлении структурой.
2) В нужных раздела указываете нужное количество колонок
3) Используете условие

Код
<?if($APPLICATION->GetProperty("COLS_CONTENT") == "3"){?>    Если указано что три колонки <?elseif($APPLICATION->GetProperty("COLS_CONTENT") == "2") {?>    Если указано что 2 колонки <?}else{?>    Все остальные случаи <?}?>

Если верстаете на flex-ах, будет удобно манипулировать колонками.
Но, в целом, как-то так

Артём Черепанов31.01.2020

Спасибо огромное за ответ! буду пробовать ваш вариант

Артём Черепанов01.02.2020

Здравствуйте Михаил
А как теперь сделать чтоб третья колонка не показывалась на странице раздела, а выводилась бы только на детальной странице.