Разработка | shikarno.net

Ворклог ноябрь 2019

Небольшие заметки о задачах, которых приходится решать full stack разработчику, кейсы. Возможно, мой опыт вам пригодится (обращайтесь в telegram @bridge2web).

Решение для серия строительных интернет-магазинов на WooCommerce — часть 2

Продолжаю цикл заметок о разработке интернет-магазинов на WordPress & WooCommerce.

Главными героями этой заметки будут вот эта замечательная табличка «Доступные Варианты» с псевдо-3D эффектом и супер-полезная панелька «Тулбар» для посетителей (aka покупателей) интернет-магазина, с секциями «Пользователь», «Избранное», «Сравнение», «Корзина», «Поиск»:

Я опишу основные моменты, интеграцию со сторонними плагинами, примеры кода — информация, более ориентированная на разработчиков.

Если вы просто хотите получить описанный функционал на свой интернет-магазин, то переходите сразу в конец заметки.

Итак, обо всем поподробнее.

Решение для серия строительных интернет-магазинов на WooCommerce — часть 1

Задача: создать несколько интернет-магазинов по большей части строительной тематики, напр. Italdiamant — алмазные диски для резки, шлифования различных материалов; Steigtechnik — это лестницы, строительные леса, стремянки и различные; MÜPRO — крепеж, болты, шурупы, хомуты, профили, изоляция — вот это все. WESCO — яркие, стильные аксессуары для дома (Германия).

Была выработана единая платформа на WordPress, подобраны и адаптированы плагины из официального репозитория WP, а также разработаны свои под нестандартный функционал. Разработана уникальная тема WP, c рассчитом на высокую производительность. Шаблон легко кастомизируется под разный фирменный стиль.

Некоторыми плагинами, кейсами и хаками (куда же без них в WP :)) делюсь с читателями блога.

AJAX Search for WooCommerce для вариаций (вариативных товаров)

Есть один замечательный плагин AJAX Search for WooCommerce. Плагин позволяет посетителям вашего сайта легко и быстро производить поиск по товарам. Он будет отображать результаты мгновенно при вводе запроса в поле поиска. Вы можете отобразить эту форму поиска в любом месте на странице.

Просто введите несколько букв (количество настраивается), и появятся товары, которые наилучшим образом соответствуют вашему поисковому запросу.
Предложения могут отображаться в простой форме (только названия товаров) или в расширенной форме (включая фотографии, цены, описание, расширенную информацию и т. д.).

AJAX Search for WooCommerce был разработан, чтобы максимально расширить возможности поиска для пользователей.

Фичи плагина и реализация вариаций

Внутренний курс валют в магазине на WooCommerce + Автообновление с cbr.ru

Бывает такой юзкейс: цена на товар должна заполняться в евро, долларах или юанях (да хоть в биткоинах :)), а выводиться на фронтенде только в рублях, по актуальному курсу. Обычно такое случается, когда закуп идет напрямую у производителя, а курс национальной валюты нестабилен.

Как это реализовать?

Простой способ хранить настройки приложения Yii2 в БД

Редактируемые параметры yii2-приложения в админке, которые легко получить в любом месте приложения, например, название или краткое описание (привет, вордпресс 😁) нашего сайта в views layouts:

<?= Yii::$app->config->siteName ?>

Как это сделать?

Клиентская оптимизация сайта на Yii2 для Google PageSpeed Insights

Хотелось бы поделиться кое-какими подробностями реализации магазина «Оримэкс» на Yii2 и его дальнейшей оптимизации.
В основе используется фреймворк Bootstrap, .js и .css файлы которого подключены внешние через быстрый CDN (BootstrapCDN), тем-самым автоматически немного освобождаем наш сервер (обычный shared-хостинг) от пары лишних запросов, BootstrapCDN делает всю работу за нас — быстро выдает уже минифицированные и gzip-сжатые скрипты через HTTPS.
С JQuery (куда ж без него) поступаем так же, только используем CDN от гугла — Hosted Libraries.
В итоге самые тяжеловесные библиотеки подключаются через CDN и освобождают ресурсы на нашем shared-хостинге.
Далее самый сложный этап — это отказ от встроенного в Yii2 ассет-менеджера, и конфигурация Grunt.
Читать далее Клиентская оптимизация сайта на Yii2 для Google PageSpeed Insights

RSS-бот автопостер для CMS LiveStreet

Открыли свою новую социальную сеть (с преферансом и поэтессами), но пока не имеете пользователей? Заведите себе ботов! 😉 Эти юзеры неприхотливы и требуют к себе минимум внимания. Я разработал плагин к LiveStreet, который автоматически создает пользователей и сопоставляет им rss-ленты, основываясь на файле конфигурации config.php С помощью заданий cron плагин наполняет ваш блог живительным (пусть и не первой свежести) контентом. Плагин находится в режиме бета теста, желающие могут его приобрести (естественно не бесплатно), пишите на почту.

Рубрика: Разработка