Компоненты для загрузки файлов можно найти почти в любом сервисе. Технически они реализуются с помощью тега input (type="file"), логикой на javascript и оформлением с помощью CSS.
Смотрим какие интерфейсы загрузки изображений предлагают популярные интернет-сервисы.
Читать далее Дизайн-обзор Image Upload Component (компонентов загрузки фото)Продолжаем обзор лучших практик, применяемых в дизайне популярных интернет-магазинов. В прошлом посте мы рассмотрели такой элемент, как Header (Шапка). В этом выпуске будет рассмотрена контентная часть, пока что только главных страниц ИМ.
Какие элементы обычно присутствуют в основной зоне, какая её ширина и breakpoints чаще всего используются.
Читать далее Дизайн-обзор элементов интернет-магазинов: Content Area (Область контента) главной страницыКакой должна быть шапка идеального интернет-магазина? Какие элементы должны обязательно присутствовать в хедере вашего е-коммерс решения?
Предлагаю проанализировать как это сделано у «топов»: сторы, продажи у которых исчисляются миллионами, наверняка хорошо знают как должна выглядеть правильная шапка 🙂
Читать далее Дизайн-обзор элементов интернет-магазинов: Header (Шапка)Небольшие заметки о задачах, которых приходится решать full stack разработчику, кейсы. Возможно, мой опыт вам пригодится (обращайтесь в telegram @bridge2web).
Читать далее Ворклог ноябрь 2019Небольшие заметки о задачах, которых приходится решать full stack разработчику, кейсы. Возможно, мой опыт вам пригодится (обращайтесь в telegram @bridge2web).
Читать далее Ворклог октябрь 2019Продолжаю цикл заметок о разработке интернет-магазинов на WordPress & WooCommerce.
Главными героями этой заметки будут вот эта замечательная табличка «Доступные Варианты» с псевдо-3D эффектом и супер-полезная панелька «Тулбар» для посетителей (aka покупателей) интернет-магазина, с секциями «Пользователь», «Избранное», «Сравнение», «Корзина», «Поиск»:
Я опишу основные моменты, интеграцию со сторонними плагинами, примеры кода — информация, более ориентированная на разработчиков.
Итак, обо всем поподробнее.Если вы просто хотите получить описанный функционал на свой интернет-магазин, то переходите сразу в конец заметки.
Задача: создать несколько интернет-магазинов по большей части строительной тематики, напр. Italdiamant — алмазные диски для резки, шлифования различных материалов; Steigtechnik — это лестницы, строительные леса, стремянки и различные; MÜPRO — крепеж, болты, шурупы, хомуты, профили, изоляция — вот это все. WESCO — яркие, стильные аксессуары для дома (Германия).
Была выработана единая платформа на WordPress, подобраны и адаптированы плагины из официального репозитория WP, а также разработаны свои под нестандартный функционал. Разработана уникальная тема WP, c рассчитом на высокую производительность. Шаблон легко кастомизируется под разный фирменный стиль.
Некоторыми плагинами, кейсами и хаками (куда же без них в WP :)) делюсь с читателями блога.
Читать далее Решение для серия строительных интернет-магазинов на WooCommerce — часть 1Шикарные, стильные иллюстрации Романа Новака.
Читать далее Иллюстрации к поэме Александра Пушкина «Руслан и Людмила»
Есть один замечательный плагин AJAX Search for WooCommerce. Плагин позволяет посетителям вашего сайта легко и быстро производить поиск по товарам. Он будет отображать результаты мгновенно при вводе запроса в поле поиска. Вы можете отобразить эту форму поиска в любом месте на странице.
Просто введите несколько букв (количество настраивается), и появятся товары, которые наилучшим образом соответствуют вашему поисковому запросу.
Предложения могут отображаться в простой форме (только названия товаров) или в расширенной форме (включая фотографии, цены, описание, расширенную информацию и т. д.).
AJAX Search for WooCommerce был разработан, чтобы максимально расширить возможности поиска для пользователей.
