Меню
Полная версия серии на 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С Битрикс есть компонент "Форма добавления / редактирования" - который позволяет пользователям доб...

Создание мобильного приложения на cordova, для любого сайта.

Если стоит задача разработки мобильного приложения для сайта, можете воспользоваться данной заметкой. Постарался сделать...

ORM в инфоблоках, получение информации об элементах инфоблока на D7

Задача: собрать полные данные об элементах инфоблока, применяя ORM/D7, который пришел на смену устаревшему CIBlockEleme...

Малая корзина Битрикс, упрощенный шаблон

Шаблон малой корзины битрикс, который можно вывести в боковом разделе шаблона или в шапке интернет-магазина. Код окульту...

Показать доступный остаток каждого товара в корзине 1С-Битрикс

Задача: показать остаток каждого товара в корзине 1С-Битрикс, что бы покупатель сразу знал предельное колличество товара...

Менять большую картинку, при клике на маленькую, в детальной карточке

Мини скриптик, может кому пригодится для каталога товаров или новостей при использовании дополнительных картинок (обычно...

Дополнительные опции/услуги, добавляемые в корзину, в карточке товаров

Задача: в детальной карточке товара сделать возможность добавления услуги или опции, при добавлении товара в корзину.

Обновление цен и остатков из текстового файла, в каталоге 1C-Битрикс.

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

Получить и вывести данные из профиля покупателя в кабинете пользователя 1С-Битрикс

Задача: вывести пользователю информацию по всем, его, профилям покупателя в компоненте sale.personal.profile.list без пе...