Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Masonry Grid Product Listings

Masonry Grid Product Listings

Views: 595

Results 1 to 2 of 2
5 Mar 2015, 3:17 PM
#1
pricediscrimination avatar

pricediscrimination

Zen Follower

Join Date:
May 2008
Posts:
401
Plugin Contributions:
0

Masonry Grid Product Listings

Has anyone out there ever tried a masonry grid layout for product listings? For those who are unsure what that means, it's like Pinterest: http://masonry.desandro.com/

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

Is it even possible in zencart? How could it be done?

5 Mar 2015, 5:56 PM
#2
mc12345678 avatar

mc12345678

Totally Zenned

Join Date:
Jul 2012
Posts:
16,908
Plugin Contributions:
2

Re: Masonry Grid Product Listings

pricediscrimination:

Has anyone out there ever tried a masonry grid layout for product listings? For those who are unsure what that means, it's like Pinterest: http://masonry.desandro.com/

Is it even possible in zencart? How could it be done?

Don't see any reason it couldn't... It's javascript... Why would one not be able to apply JavaScript? Looking at the code and script for that page, it appears it is mostly a series of div tags with applicable classes, etc.. provided on the displayed page, and the javascript works the movement...

Haven't seen a ZC template built with it, but it appears that it could be worked in... Kind of "starting" from scratch I would think with regards to designing a template (CSS involved as well). Possible? yup, done? haven't seen any...

ZC Installation/Maintenance Support <- Site
Contribution for contributions welcome...