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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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