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

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

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

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

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

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

Создать pdf файл из элемента инфоблока, дать скачать пользователю, по... Просмотров: 3901 Задача: при каждом посещении статьи, на сайте, нужно создавать pdf файл с ее содержимым и ... Композитный сайт на 1С-Битрикс Просмотров: 3028 Для новых клиентов: Все новые проекты будут включать в себя применение технологии "Компози... Получение доступа к железу устройства из Битрикс мобильное приложение Просмотров: 5573 Документация к мобильному приложению 1С-Битрикс очень куцая. В основном описывает функцион... Создание блога с комментариями, оценками и просмотрами на сайте с 1С-... Просмотров: 22990 Если на вашем сайте требуется создание раздела с блогом или новостями, статьями. Записям в... Фиксированная корзина с обновлением, без перезагрузки страницы. Просмотров: 17482 Иногда нужно сделать так, чтобы корзина в интернет магазине, созданном на Битрикс, была по... Установить остатки товара на складе из доступных остатков. Просмотров: 4845 Задача, заполнить остатки товаров, в 1С-Битрикс, из параметра "Доступное количество". Следующая/предыдущая новость/статья при просмотре подробной в Битрикс Просмотров: 17522 Дизайн создается только для наглядного и удобного предоставления содержимого сайта, пользо... Кастомизация компонента восстановления пароля bitrix:system.auth.forg... Просмотров: 24736 Достаточно часто спрашивают как кастомизировать компонент восстановления пароля пользовате... Рассылка новинок каталога в автоматическом режиме Просмотров: 1146 Что бы реализовать рассылку новинок каталога на email-ы пользователей, можно воспользовать... Настройка выгрузки товаров в Яндекс Маркет с сайта Битрикс Просмотров: 36654 Настройка выгрузки в Яндекс маркет в формате yml, выполняется достаточно просто, кроме одн... Вывести разделы инфоблока по первым буквам не меняя структуру каталог... Просмотров: 1792 Например: у нас есть инфоблок с большим количеством разделов. И мы хотим, на сайте разбить... XML в формате Commerce ML-2, города России и Мира, для выгрузки в инф... Просмотров: 6285 Подвернулась задачка, создать инфоблок для Битрикс, в котором будут просто города России и... AJAX корзина с отправкой количества из раздела каталога Просмотров: 19096 Столкнулся с задачкой: нужно было на одном сайте реализовать интерактивный прайс лист. При... Оптимизация jpeg и png картинок на cron, с помощью jpegoptim и optipn... Просмотров: 888 Задача: на сайт каждый день проходит выгрузка из 1С с обновлением картинок. Нужно оптимиз... Пошагово получить информацию о заказах и сохранить как Excel (xls) Просмотров: 506 Задача: Нужно получить информацию о заказах с возможностью указания даты создания "от"" и ... Добавление в избранное или отложенные, на AJAX из карточки товара Просмотров: 27300 В этой заметке рассакажу как добавлять товары в "Отложенные", для иммитации функционала "И... Объединить отдельные поля ФИО в одно свойство при оформлении заказа. Просмотров: 857 Пользователь, при оформлении заказа, заполняет три отдельных поля с фамилией, именем и отч... Отфильтровать товары бренда и вывести по разделам каталога Просмотров: 629 Задача: на странице бренда, который выводится компонентом новостей, нужно показать все тов... Ajax форма обратной связи, реализация в битрикс Просмотров: 7550 Иногда, на сайте требуется создать форму обратной связи, которая будет писать все данные в... Вывести все разделы в которых находится элемент инфоблока Просмотров: 12971 Если нужно вывести все разделы, со всей доступной информацией о них, внутри элемента инфоб...