Дизайн-обзор Image Upload Component (компонентов загрузки фото)

Компоненты для загрузки файлов можно найти почти в любом сервисе. Технически они реализуются с помощью тега input (type="file"), логикой на javascript и оформлением с помощью CSS.

Смотрим какие интерфейсы загрузки изображений предлагают популярные интернет-сервисы.

Читать далее Дизайн-обзор Image Upload Component (компонентов загрузки фото)

Дизайн-обзор элементов интернет-магазинов: Content Area (Область контента) главной страницы

Продолжаем обзор лучших практик, применяемых в дизайне популярных интернет-магазинов. В прошлом посте мы рассмотрели такой элемент, как Header (Шапка). В этом выпуске будет рассмотрена контентная часть, пока что только главных страниц ИМ.

Какие элементы обычно присутствуют в основной зоне, какая её ширина и breakpoints чаще всего используются.

Читать далее Дизайн-обзор элементов интернет-магазинов: Content Area (Область контента) главной страницы

Дизайн-обзор элементов интернет-магазинов: Header (Шапка)

Какой должна быть шапка идеального интернет-магазина? Какие элементы должны обязательно присутствовать в хедере вашего е-коммерс решения?

Предлагаю проанализировать как это сделано у «топов»: сторы, продажи у которых исчисляются миллионами, наверняка хорошо знают как должна выглядеть правильная шапка 🙂

Читать далее Дизайн-обзор элементов интернет-магазинов: Header (Шапка)

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

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

Читать далее Ворклог ноябрь 2019

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

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

Читать далее Ворклог октябрь 2019

Решение для серия строительных интернет-магазинов на 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 был разработан, чтобы максимально расширить возможности поиска для пользователей.

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