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.
Strictly Necessary Cookies
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.