При верстке адаптивного сайта по мере его верстания всплывают некоторые моменты — подводные камни, с которыми рано или поздно придется столкнуться. Статья написана без логики, так сказать в боевом состоянии. Первый камень Когда полным ходом идет верстка, многие просто проверяют адаптив, путем изменения размера окна браузера. Там как правило все хорошо работает, особенно хорошо если…
Подводные камни адаптивной верстки
Правила оформления css
Для удобного и быстрого чтения кода используют разные принципы написания стилей. Ниже приведены правила оформления .css которые наиболее удобны для использования по-моему конечно же мнению. 1. Название класса в виде snake_case (название с маленькой буквы разделенные нижним подчеркиванием), само название человеко понятное с префиксами идентифицирующие человека написавшего код. .bt_topban_title 2. Отступы между классами, открывающая фигурная…
Установка Open Graph на Bitrix
Протокол Open Graph контролирует анонс, который формируется при добавлении ссылки в социальные сети(Вконтакте, Facebook). С помощью мета тегов ему можно задавать картинки, заголовки, и описание и другие параметры. Задача: Требуется установить на сайт протокол Open Graph, сайт написан на CMS Bitrix, настроить, так что бы корректно подгружались данные по детальной карточки товара, по категориям товара и…
Закрыть всплывающее окно + подложка
$(document).keydown(function(e) { if (e.keyCode == 27) { closeall(); } }); function closeall() { $(‘.jq_bt_opacity’).hide(); $(‘.jq_bt_fan_3d’).hide(); } $(document).click(function(event) { if ($(event.target).closest(‘.jq_bt_opacity’).length) return; if ($(event.target).closest(‘.jq_bt_fan_3d’).length) return; closeall(); event.stopPropagation(); }); $(‘body’).on(‘click’, ‘.jq_bt_3d_img’, function() { $(‘.jq_bt_fan_3d’).css(‘display’,’block’); opacshow(); return false; }).on(‘click’,’.jq_bt_close’,function(){ closeall(); }); $(‘.jq_bt_mechta_opacity’).on(«click», function () { closeall(); }); footer.php <div class=»jq_bt_opacity idnone»></div> css .jq_bt_opacity{ position: absolute; background-color: black; display:…
Bitrix перевод системных сообщений
В стандартной компоненте Bitrix настройки пользователя есть системные сообщения, например, «Пароль должен быть не менее 6 символов длиной». Что-бы добавить свою языковую версию, или сделать правки нужно пройти по следующему пути: bitrix -> modules -> main -> lang -> ru -> classes -> general -> user.php — для русской bitrix -> modules -> main -> lang…