Сетка товаров с возможностью фильтрации

Сетка товаров с возможностью фильтрации

От автора: макет отзывчивой сетки товаров с дружественной к сенсорным экранам галереей на основе Flickity и функцией фильтрации на основе Isotope.

скачать исходникидемо

Наш проект это отзывчивый макет сетки товаров на основе Isotope, где каждый элемент сетки это Flickity слайдер картинок. Товары, добавленные в корзину, помечаются маленькой иконкой тележки. Фильтр товаров работает на основе Isotope filter. Для того, чтобы сделать макет адаптивным, применяются медиа запросы. (Обратите внимание, что IE9 не поддерживает анимацию)

Использование Flickity от David DeSandro возможно по лицензии GNU GPL license v3. Если вы планируете использовать данный ресурс в коммерческих целях, пожалуйста, подробно ознакомьтесь с лицензией Flickity.

HTML

CSS

JavaScript

Посмотреть проект на Github

Автор: Mary Lou

Источник: //tympanus.net/

Редакция: Команда webformyself.

Метки: ,

Похожие статьи:

Комментарии Вконтакте: