Как мы сделали стильную кнопку «Поделиться» для сайта на MODX без лишнего мусора
Часто бывает, что стандартные виджеты для соцсетей «тяжелые», выглядят чужеродно, а иногда и вовсе замедляют загрузку сайта. В новом проекте на MODX мы решили отказаться от готовых плагинов в пользу минималистичного, полностью кастомного решения в стиле Ozon.
В чем была проблема?
Клиент хотел, чтобы кнопка «Поделиться» была аккуратной, не занимала много места в дизайне карточки товара и при этом была удобной. Стандартные решения либо выглядели «из 2010-х», либо требовали подключения тяжелых внешних скриптов, которые тормозили страницы.
Что мы сделали:
Чистый код и легкость. Мы реализовали функционал на нативном HTML, CSS и минимальном JavaScript. Никаких сторонних API, которые увеличивают время загрузки.
Адаптивность «под ключ». На десктопе — это элегантное выпадающее меню. На мобильных — удобная «шторка», которая плавно выезжает снизу. Это гораздо удобнее для управления пальцем, чем мелкие кнопки в углу экрана.
Функция «Копировать ссылку». Добавили кнопку копирования с мгновенным уведомлением для пользователя. Это повышает доходимость контента: если человек не хочет делиться в соцсети, он сохранит ссылку себе в заметки.
Почему это круто?
Минимализм: Виджет выглядит как естественная часть вашего сайта.
Скорость: Сайт работает так же быстро, как и до установки виджета.
Удобство: Пользователь не путается в куче иконок, а получает компактный и понятный интерфейс.
Резюме
Иногда сложные задачи решаются простыми инструментами. Если вы задумываетесь об оптимизации интерфейса своего сайта на MODX, не всегда стоит искать готовый модуль в репозитории — зачастую кастомное решение работает быстрее, гибче и выглядит гораздо лучше.
А какие элементы интерфейса вы считаете перегруженными на своем сайте? Пишите в комментариях, давайте разберем, как их можно упростить!
🐝 Свежее обновление «БлогоУлья»: Скорость и Порядок!
Сегодня мы «подкрутили гайки» и добавили несколько крутых фишек, чтобы ваш опыт ведения блога стал еще приятнее:
✅ Умные Хэштеги: Мы запустили систему тегов! Теперь структурировать посты и находить интересные темы в ленте можно в один клик. Ищите блок «Популярные теги» — там всё самое актуальное.
✅ Молниеносная загрузка: Мы перешли на новую систему индексации данных. Теперь топ-теги и списки постов подгружаются мгновенно благодаря архитектурной оптимизации базы данных.
✅ Обновленный профиль: Исправили работу с аватарами и кодом авторизации. Ваш личный кабинет стал стабильнее, а взаимодействие с платформой — бесшовным.
✅ Чистый интерфейс: Оптимизировали работу медиа-менеджера. Теперь при редактировании постов только актуальные превью, никакого лишнего «шума».
🚀 БлогоУлий становится быстрее с каждым днём. Залетайте, пишите, создавайте контент!
📣 Обновление платформы «БлогоУлий»: Удобство и порядок
Сегодня мы внедрили несколько важных технических фишек, которые делают наш «Улей» ещё более технологичным и удобным для авторов:
✅ Умное редактирование: Теперь посты можно исправлять на лету! Система автоматически подтягивает в редактор все ваши медиафайлы и текст, позволяя обновлять контент без лишних кликов.
✅ Система Хэштегов: Мы добавили возможность помечать публикации тегами. Теперь структурировать контент и находить нужные темы в ленте стало в разы проще. Просто добавьте ключевые слова через пробел — магия случится сама.
✅ Бесшовный вход: Доработана логика авторизации через SMS и коды подтверждения.
✅ Улучшенное управление медиа: Переработан механизм очистки превью при загрузке. Никаких «артефактов» от старых фото — только чистый и аккуратный интерфейс.
🚀 БлогоУлий растет! Дальше — больше функций для взаимодействия и продвижения ваших идей.
Завершил интересный кейс на OpenCart: разработал систему проверки серийных номеров для диагностического автооборудования.
Суть задачи:
Сложная логика — в зависимости от статуса номера сайт предлагает разные сценарии: обновить ПО, сменить дилера или связаться с техподдержкой. Полный цикл автоматизации первичной консультации клиента.
Как всё прошло (грабли и опыт):
Проект сдан в срок. Но так как сделка была на «постоплате», процесс приемки затянулся.
Снежный ком правок. После сдачи начались «мелкие доработки», которых не было в ТЗ. Сделал быстро, чтобы закрыть вопрос. Следом — еще два дня ожиданий и новый список хотелок.
Ловушка лояльности. Согласился внести финальные изменения бесплатно, чтобы уже получить расчет. В итоге работа выполнена, переделана, а ощущение такое — будто оплату пришлось «выпрашивать», хотя ТЗ закрыто на 101%.
Вывод для себя и коллег:
Даже если клиент адекватный, отсутствие предоплаты размывает границы ответственности. ТЗ — это не просто документ, это броня. В следующий раз — только четкое разделение: этап по ТЗ принят/оплачен, а новые идеи — в новый тикет.
Как вы боретесь с желанием «быстренько доделать за рамками ТЗ», чтобы скорее получить оплату? 👇
Lorem ipsum dolor sit amet, consectetur adipiscing e ab eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Прикольный