A responsive and cross-browser product grid layout, with touch-friendly galleries and Isotope-powered filter functionality.
Filterable product grid with Isotope plugin
This Blueprint is a responsive product grid layout where each grid item is a Flickity image slider. A small cart icon animation indicates that a product was added to the shopping cart. Some example media queries are used to show how to make the layout adaptive.
Browser Support: Chrome, FF, Safari, Opera, IE (IE9 does not support animations).
Filtering by type works perfectly, thanks to Isotope extension.