02 Ноября 2020
Theia Sticky Sidebar - эффект прилипание блоков
Javascript плагин без головной боли и расчетов организовывающий правильный sticky эффект
Rus
Eng
Vanilla javascript Lazy-load
Используем lazy-load для ускорения работы сайтов
Автономный javascript скрипт для предупреждения об использовании cookies
Предупреждение об использовании cookies необходимо на каждом сайте. Уже давно хотелось найти автоматическое решение для его вывода и мне это удалось.
Адаптивная всплывающая форма с проверкой на лету в общем виде на примере формы "Заказать в 1 клик"
Шаблон вывода всплывающей формы с необходимыми проверками. Пользуюсь постоянно, решил описать процесс для сокращения затрат собственного времени.
Битрикс - быстрое древовидное многоуровневое меню аккордеон каталога
В очередной раз возникла задача по построению древовидного меню аккордеона на базе разделов каталога. При решениия задачи хотелось минимизировать кол-во запросов, сделать его максимально быстрым и простым, что и удалось сделать
Битрикс - всплывающее окно с промокодом и отправкой по почте
Всплывающее окно подписки с генерацией промокода для зашедших первый раз, ограничением по айпи, записью настроек в инфоблок, ограничением купона по времени использования и с повторным показом всплывающео окна через n дней
Битрикс автоматическое определение города на php
Решаем постоянно возникающую задачу по автоматическому определению города на php
Борьба с троянами типа JS.Inject
С начала СВО у многих клиентов возникли со взломами сайтов и заражением их вредоносным кодом. Боремся с этим
Всплывающие уведомления javascript + css
Перепечатка отличного решения для вывода красивых кастомных уведомлений
Вывод виджета и кнопки оплаты Яндекс Пэй на детальной странице товара
Пошаговая инструкция по выводу кнопки оплаты и виджета «Сплит» Yandex Pay на детальной странице товара в Bitrix: от клиентского SDK до финализации заказа в sale_ps_success.php. Внутри — готовая конфигурация, класс интеграции, роутер и серверный обработчик заказа.
Кнопка "Показать еще" в Битрикс
Пользователи любят удобство. Далеко не всем нравится стандартный вид пагинации. Так давайте поможем им и добавим кнопку "Показать еще" на основе которой, впоследствии, добавив небольшой javascript обработчик можно будет создать "бесконечную ленту".
Настраиваем YUI Compressor в PHPStorm для сжатия css и js файлов
Настраиваем автоматическую компрессию css и js файлов в PHPStorm
Основные константы, функции и способы вывода в шаблонах Битрикс D7 и не только
Подборка основных функций и констант используемых при работе с шаблонами Битрикс.
Отдельная страница кастомных настроек Битрикс
Описываю способ создать кастомную страницу с настройками в Битрикс
Работа с bitrix:smart.filter
Меняем чекбоксы на селекты, добавляем ajax
Работа с sale_order_view в Битрикс
Кастомизация страницы sale_order_view.php в Битрикс
Работа с sale.order.ajax в Битрикс
Практически никого из моих клиентов не устраивает внешний вид sale.order.ajax. Здесь я опишу большую часть приемов, которыми пользуюсь сам при кастомизации данного непростого компонента.
Работа с кешем в Битрикс D7, Битрикс24
Достаточно часто при разработке в Битрикс24 остаются удаленные, но сохраненные с помощью кеша участки кода. Чтобы избавить от них достаточно воспользоваться командой BXClearCache
Работа с элементами инфоблока, товаром, catalog.element и торговыми предложениями в Битрикс
Описываю сложности возникающие при редактировании как комплексного компонента catalog.element, так и обычного, а так же варианты применяемых решений
Работа со складами и количеством товаров в Битрикс D7
Часто сталкиваюсь с задачами по выводу количества товаров по складам. Поделюсь своими наработками
Светлая тема PHPStorm для html, js, css, php файлов в стилистике Notepad++
PHPStorm светлая тема
Склонение слов на php\javascript
Для склонения числовых значений будем использовать небольшую javascript функцию. В качестве аргументов ей передаётся число и массив из форм слова при разных числовых значениях.
Стандартизация Swiper и макетов в Битриксе: уходим от хаоса в inline-скриптах
Стандартный подход к Swiper в 1С-Битрикс — inline-скрипт в каждом template.php, конфигурация вразнобой, реакция на AJAX через setTimeout — разваливается при первой же динамической подгрузке. Разбираем класс SwiperManager: три уровня конфигурации, MutationObserver, публичный API для сложных случаев и корректный жизненный цикл через destroy(true, true).
Типовые функции javascript
В каждом проекте возникает необходимость провести проверку данных на javascript. Чаще всего я использую следующие проверки
Ускорение работы сайта. Боремся с Google PageSpeed
Решаем стандартную задачу по ускорению сайта
Частичная анимация pagepill на многоэкранной странице
Разбираем, как сделать «перелистывание» только для первых двух экранов многоэкранного лендинга на чистом JS, без pagepiling.js. Показываем разделение страницы на фиксированный оверлей и обычный поток, борьбу с инерцией скролла через накопитель усилия и кулдаун, синхронизацию таймингов и правильное подключение скрипта в шаблоне Bitrix через component_epilog.php и Asset::addJs().
Что нужно на каждом проекте?
Небольшая памятка по самым необходимым на каждом проекте программам и скриптам.
Яндекс.Карты вывод списка объектов карты
Часто клиент хочет вывести карту и кликабельный список объектов, по клику на который карта должна плавно менять центрирование. Описываю свой опыт по созданию кликабельных карт с открытием baloon.
ОБРАТНАЯ СВЯЗЬ
Напишите мне
Напишите мне, чтобы обсудить задачу. Работаю удаленно, официально (самозанятый), стоимость часа — 1800 ₽, в день могу уделять проекту 3–4 часа. Отвечаю быстро, консультация бесплатная.
Отправляя форму Вы автоматически подтверждаете, что ознакомились и принимаете Политику конфиденциальности сайта