Телеграм: @camouf_ru Почта: mihail@bazarow.ru

Сниппеты типографики bootstrap, для Битрикс

Просмотров: 7054

Если вы подключили bootstrap к своему сайту, или сверстали весь шаблон, подключив bootstrap из ядра битрикс. Имеет смысл использовать эти 320 килобайт css стилей по полной. Во первых это упростить и стандартизирует создание новых разделов, оформления текста и элементов HTML. Во вторых: не придется раздувать файлы стилей основного шаблона.

Если вы подключили bootstrap к своему сайту, или сверстали весь шаблон, подключив bootstrap из ядра битрикс. Имеет смысл использовать эти 320 килобайт css стилей по полной. Во первых это упростить и стандартизирует создание новых разделов, оформления текста и элементов HTML. Во вторых: не придется раздувать файлы стилей основного шаблона.

Самое главное, научить использовать стили bootstrap и контент-менеджеров. а специально для них, в Битрикс, есть такое понятие как - Сниппеты.

Сниппеты битрикс

Что такое сниппеты, и для чего они нужны, подробно рассмотрено в официально документации битрикс:

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

Сниппеты редактируются, добавляются и удаляются прямо в визуальном редакторе. Доступно объединение их в многоуровневой структуре, чтобы пользователям было удобно ориентироваться в большом количестве заготовок.

Подробнее в документации

Bootstrap сниппеты для Битрикс

Что бы контент менеджеры не устраивали вакханалию в оформлении страниц и не проявляли самодеятельность. Я подготовил набор сниппетов. Все созданы на базе bootstrap и содержат только типографику. То есть: абзацы, заголовки, списки, аббервиатуры и прочее. Вам не придется раздувать свои файлы стилей, просто подключаете bootstrap из ядра

Если бутстрап не подключен к вашему шаблону, просто добавьте в header.php строчку

Asset::getInstance()->addCss('/bitrix/main/css/bootstrap.min.css');

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

Повторюсь, содержат только типографику, как наиболее необходимую контент-менеджерам. Всякие кнопки, формы и прочее- функциональное и относящеесе именно к части работы компонентов, не включены.

Andrey Churashev26.07.2017
А куда делось видео на эту тему (  с Вашего канала ) ?
Михаил Базаров26.07.2017
Цитата
Andrey Churashev пишет:
А куда делось видео на эту тему ( с Вашего канала ) ?
Вроде бы на месте. Все забываю сюда в текст, его добавить
https://camouf.ru/video/info_site/snippets_bitrix.html
Александр Кузнецов06.08.2017
Нужно еще подключить бутстрап к стилям визуального редактора, чтобы понятно было, что происходит (это делается в файле description.php, ключ EDITOR_STYLES).

Записная книжка разработчика

Примерно с 2013-го года пишу заметки по разработке сайтов на Битрикс.
Вы можете задавать уточняющие вопросы в комментариях- отвечаю или дополняю заметки по возможности.

Если предложение SKU в корзине, поменять кнопку добавления на "В корз... Просмотров: 2609 Данная заметка является дополнением к ранее опубликованной: Есл... Менять большую картинку, при клике на маленькую, в детальной карточке Просмотров: 1299 Мини скриптик, может кому пригодится для каталога товаров или новостей при использовании д... Вывести разделы инфоблока по первым буквам не меняя структуру каталог... Просмотров: 1339 Например: у нас есть инфоблок с большим количеством разделов. И мы хотим, на сайте разбить... Кастомизация компонента восстановления пароля bitrix:system.auth.forg... Просмотров: 23575 Достаточно часто спрашивают как кастомизировать компонент восстановления пароля пользовате... Объединить отдельные поля ФИО в одно свойство при оформлении заказа. Просмотров: 279 Пользователь, при оформлении заказа, заполняет три отдельных поля с фамилией, именем и отч... Данные о текущем разделе каталога вывести в section.php Просмотров: 2121 Если нужно получить какие-то данные о текущем разделе, которых нет в изначальном массиве, ... Вывести производителей на сайте с отбором его товаров из каталога Просмотров: 17077 Достаточно частая задачка для каталога или интернет-магазина: вывести список производителе... Открытие мобильного приложения Apache Cordova по ссылке Просмотров: 173 Достаточно часто нужно реализовывать открытие мобильного приложения по ссылке. Например: п... Заполнить свойство инфоблока ценой из торгового каталога Просмотров: 4075 Если вам по какой-то причине нужно скопировать цену товара в свойство этого же инфоблока. ... Добавление и удаление из сравнения на AJAX: Битрикс Просмотров: 16377 Рецепт лежал у меня в закромах, почти о нем и забыл, но тут подвернулся под руку- решил оп...