This is a responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.It’s been created by Codrops.
This Blueprint is a responsive Isotope-powered 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. The product filter utilizes the Isotope filter functionality. Some example media queries are used to show how to make the layout adaptive.
[gpp_button color=”blue” url=”http://tympanus.net/Blueprints/FilterableProductGrid/” title=”Filterable Product Grid” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button] [gpp_button color=”blue” url=”http://tympanus.net/codrops/2015/06/16/filterable-product-grid/” title=”Filterable Product Grid” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]
