Меню
Полная версия серии на Boosty: Перейти к серии

Что такое компоненты и как выводить их на страницу сайта. Создаем файловую структуру проекта и донастраиваем PHPSTORM на дальнейшую работу с проектом.

Из документации к 1С-Битрикс:
Компонент - это логически завершённый код, предназначенный для извлечения информации из инфоблоков и других источников и преобразования её в HTML-код для отображения в виде фрагментов web-страниц. Состоит из собственно компонента (контроллер) и шаблона (представление). Компонент, с помощью API одного или нескольких модулей, манипулирует данными. Шаблон компонента выводит данные на страницу.

Чеклист:

  • Создание типов меню.
  • Выводим компонент меню в шаблон сайта.
  • Создаем основную файловую структуру.
  • Настраиваем PHPSTORM на компиляцию css и js файлов
  • Подключаем к проекту bootstrap 4 без лишних данных
  • Закрываем сайт, на время разработки, от поисковиков и пользователей.

Дополнительные файлы

Михаил Базаров июня 17, 2023 12:07 pm
Установка компиляторов для phpstorm:
Ставим nodejs LTS версии https://nodejs.org/en
и доустанавливаем:
npm install -g sass
npm install -g csso-cli
npm install --g uglify-js
Гость мая 18, 2024 11:40 pm
Добрый день
В архиве Roboto есть файл  stylesheet.css, но нет файла stylesheet.min.css. Или он сам создастся при переносе архива на сайт через PHP storm?
Михаил Базаров мая 19, 2024 12:11 am
Цитата
Гость написал:
Добрый день
В архиве Roboto есть файл  stylesheet.css, но нет файла stylesheet.min.css. Или он сам создастся при переносе архива на сайт через PHP storm?

Да, min файлы сами создадутся, если настроите их компиляцию как в видео
Гость мая 19, 2024 12:25 am
Цитата
написал:
Да, min файлы сами создадутся, если настроите их компиляцию как в видео
настраивал компиляцию, если внести правку в файл template_styles.scss  - "m {  margin: 0;}" как на 28:13 минуте видео,  то создаются 3 файла.

Правильно понимаю что в stylesheet.css также необходимо внести аналогичную правку для создания?
Гость января 23, 2025 5:43 pm
здравствуйте при копирования шаблона компонента (видео 20:25) минут даёт ошибка
[

Блог-note: заметки разработчика

Индивидуальные цены в 1С-Битрикс: в каталоге и при оформлении заказа

В этой заметке постараюсь описать процесс реализации индивидуальных цен, для пользователей. При этом, индивидуальные цен...

Заполнить свойство инфоблока ценой из торгового каталога

Если вам по какой-то причине нужно скопировать цену товара в свойство этого же инфоблока. Например, для вывода старой це...

Как вывести картинки к разделам на базе _ext меню

Просто для эстетической красоты, нужно вывести в меню разделов сайта картинки или иконки. Достаточно популярный метод, э...

Сортировка элементов по индексу сортировки значений типа список

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

Базовая защита "Битрикс виртуальная машина" от DDoS атак.

Данный способ защиты не панацея, и скорее всего не спасет от профессиональной DDoS атаки, когда ваш сервер на CentOS под...

Создание PWA для сайта на 1С-Битрикс

Технология PWA позволяет создать приложение для любого сайта. Не обязательно работающего на 1С-Битрикс, данная заметка ...

Информация о службе доставки по ее ID, в 1С-Битрикс

Задача: зная ID службы доставки получить необходимую информацию о ней, с помощью API 1С-Битрикс

Быстрая отписка от всех рассылок модуля "E-mail маркетинг", в кабинете пользователя

Задача: дать пользователям возможность отписаться от всех рассылок "E-mail маркетинга", не только по ссылке из...

Правильное подключение стилей и скриптов в Битрикс

Есть несколько способов подключения файлов стилей и скриптов, при верстке шаблонов в системе управления 1С-Битрикс. Если...