Elements / Isotope Plug-in
This fancy plug-in can be used to sort products or news
by categories and re-built the layout on re-size.
Image by Damir Spanic on unsplash.com
isotope
How to use
The isotope plugin is easy to use and customize.Just add a data-filter attribute containing a class name to a button and then add as many items to the grid with as many classes assigned as needed.
Initialization is done after page load is completed in the containerGrid() function in main.js.
NEWProduct One
your tag line
GOOD FOR YOU
no preservatives
free of perfumes
more features
you can think of
21,95 €
learn more
Second Product
your tag line
GOOD FOR YOU
no preservatives
free of perfumes
more features
you can think of
21,95 €
learn moreProduct Three
your tag line
GOOD FOR YOU
no preservatives
free of perfumes
more features
you can think of
21,95 €
learn more
Product Four
your tag line
GOOD FOR YOU
no preservatives
free of perfumes
more features
you can think of
21,95 €
learn moreFifth Product
your tag line
GOOD FOR YOU
no preservatives
free of perfumes
more features
you can think of
21,95 €
learn moreProduct Six
your tag line
GOOD FOR YOU
no preservatives
free of perfumes
more features
you can think of
21,95 €
learn moreNEWProduct Seven
your tag line
GOOD FOR YOU
no preservatives
free of perfumes
more features
you can think of
21,95 €
learn moreEighth Product
your tag line
GOOD FOR YOU
no preservatives
free of perfumes
more features
you can think of
21,95 €
learn moreProduct Nine
your tag line
GOOD FOR YOU
no preservatives
free of perfumes
more features
you can think of
21,95 €
learn moreProduct mock-up pictures and milk background by vectorpocket - www.freepik.com