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

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

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

Если вы подключили 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-го года пишу заметки по разработке сайтов на Битрикс.
Вы можете задавать уточняющие вопросы в комментариях- отвечаю или дополняю заметки по возможности.

Удалить товары из корзины, если есть определенные товары. Просмотров: 1915 Задача: если в корзину добавлены товары с определенным свойством, нужно удалить из корзины... Следующая/предыдущая новость/статья при просмотре подробной в Битрикс Просмотров: 18287 Дизайн создается только для наглядного и удобного предоставления содержимого сайта, пользо... Снять ограничение на количество символов в комментарии к заказу магаз... Просмотров: 12607 Как многим известно, в интернет-магазине на Битрикс имеется ограничение на количество симв... Установить остатки товара на складе из доступных остатков. Просмотров: 6229 Задача, заполнить остатки товаров, в 1С-Битрикс, из параметра "Доступное количество". Сортировка элементов по индексу сортировки значений типа список Просмотров: 11592 Внутри любого компонента есть заранее заложенные поля для сортировки элементов. МОжно сорт... Автоматическая загрузка каталогов из csv файлов в Битрикс Просмотров: 11797 Если требуется настроить автоматический импорт каталогов из csv файлов, от поставщиков. В... Если товар в корзине, поменять кнопку на "В корзине" в новом шаблоне ... Просмотров: 1769 Ранее я уже делал заметку на эту тему. Тогда, мы меняли значение input-а при добавлении то... Самодельная форма добавления элемента на API Битрикс Просмотров: 45279 Компонент iblock.element.add.form написан таким образом, что вы не сможете (не попотев изр... Ссылки для добавления и удаления товара из сравнения в Битрикс Просмотров: 8715 Просто оставляю это здесь, вставка ссылок на добавление и удаление товара из сравнения, ес... Открытие мобильного приложения Apache Cordova по ссылке Просмотров: 1187 Достаточно часто нужно реализовывать открытие мобильного приложения по ссылке. Например: п... AJAX корзина с отправкой количества из раздела каталога Просмотров: 20154 Столкнулся с задачкой: нужно было на одном сайте реализовать интерактивный прайс лист. При... Заполнение габаритов товара, после обмена с 1С, из свойств элемента и... Просмотров: 11821 Если Ваш интернет-магазин интегрирован с 1С, скорее всего столкнулись с такой проблемой: 1... Fancybox в стандартном шаблоне детальной карточки товара, вместо вспл... Просмотров: 105 Задача: заменить работу с изображениями в стандартном или кастомном шаблоне детальной карт... Добавление и удаление из сравнения на AJAX: Битрикс Просмотров: 18759 Рецепт лежал у меня в закромах, почти о нем и забыл, но тут подвернулся под руку- решил оп... Быстрая отписка от всех рассылок модуля "E-mail маркетинг", в кабинет... Просмотров: 277 Задача: дать пользователям возможность отписаться от всех рассылок "E-mail маркетинга", не... Правильное подключение стилей и скриптов в Битрикс Просмотров: 85235 Есть несколько способов подключения файлов стилей и скриптов, при верстке шаблонов в систе... Свойство: привязка к Яндекс:Картам - вывести из нескольких элементов ... Просмотров: 18668 Предположим, что у вас есть инфоблок со свойством "Привязка к яндекс картам". В этом инфоб... Массово: применить наценку ко всем товарам каталога с пересчетом от б... Просмотров: 6372 Рассмотрим как, в магазине работающем на 1С-битрикс, массово применить наценку на все това... Сравнение двух типов цен для иммитации системы скидок, в Битрикс Просмотров: 6820 Встала задачка, иммититровать систему скидок в интернет магазине на Битрикс. Из 1С-УТ, на ... Определить местоположение пользователя и показать магазины поблизости... Просмотров: 1831 Задача: в мобильном приложении, которое открывает сайт на 1С-Битрикс внутри себя, нужно оп...