DEV-заметки по разработке сайтов

В этой статье мы создадим кнопку мобильного меню на чистом CSS, без картинок, svg вектора и другой ерунды. Кнопка открытия бокового меню для мобильной версии сайта. Универсальная кнопка, которая подойдет для раскрытия бокового меню сайта в адаптивной и мобильной верстке.

Чтобы получить ID раздела через API 1С-Битрикс, необходимо использовать методы, предоставляемые модулем инфоблоков. Пример ниже показывает, как можно получить ID раздела, используя его символьный код.

Иногда необходимо отображать один и тот же блок на сайте в нескольких местах (номера телефонов, e-mail, адреса, время работы, форма обратной связи). Чтобы не дублировать код на сайте созданы так называемые Включаемые области.

Article используется для разметки содержимого статьи или новости на сайте, реже - для вывода списка новостей. Это полезно с точки зрения SEO продвижения сайта.

В этой статье разберем процесс создания мобильного меню с плавным выездом слева из-за границы окна на Jquery, JS, CSS и HTML. Меню будет адаптивно, то есть будет возможность применить его и в версии для ПК и планшетов. Ширину для ПК установим примерно в 30% от ширины экрана.

Иногда бывает необходимо вывести название, описание, элементы подразделов в текущем разделе Битрикс. Например у вас есть раздел цветы и вы бы хотели вывести списком под ним все элементы подразделов "розы", "тюльпаны" и т.д. по порядку, с внутренней сортировкой в каждом блоке. Но ключевое - это на одной единой странице "цветы".

В этой статье мы рассмотрим основы управления сервисами с помощью systemd для пользователя CentOS 7.

Сжатие изображений через кеш битрикса на лету. Статический метод.

Столкнулась с такой проблемой, что средствами самого Битрикс никак нельзя передать поле "Комментарий к заказу" в CRM Битрикс 24, при настроенной интеграции. Решение этой проблемы в статье.

Я не сторонница использования сторонних библиотек по типу font awesome, так как не раз сталкивалась с проблемой совместимости с разными версиями браузеров, а также банальными сбоями подключения или шрифтов. Поэтому считаю, что иконки для соцсетей надо подключать отдельно. Собственно на чистом CSS с использованием векторных изображений.

При проверке сайта валидатором w3 почти всегда возникает ошибка "type attribute is unnecessary for JavaScript resources". Ошибка означает, что атрибут type="text/javascript" является устаревшим и его применение не нужно. Однако многие скрипты в ядре Битрикса используют его. Делать изменения в ядре не рекомендуется, поэтому мы пойдем другим путем.

DOM Utils Light — это компактная и удобная библиотека, позволяющая легко создавать HTML и SVG-элементы, управлять атрибутами, стилями и событиями.

На этой странице я собираю основные классы, методы и функции в 1С-Битрикс Управление сайтом, чтобы не искать их по коду часами. Может кому-то будут полезными.

Если у вас несколько интернет-магазинов работают под управлением БУС на многосайтовости, то возникает вопрос как разметить номера заказов для менеджеров. Для этого добавим в файл /bitrix/modules/sale/init.php код:

Для того, чтобы вывести название текущего раздела необходимо знать ID текущего раздела и ID его инфоблока.

Стандарт Open Graph разработан социальной сетью Facebook и следовательно служит он для разметки контента для социальных сетей. С помощью него можно контролировать отображение картинки на ссылке, заголовка и описания страницы.