Seeking some documentation laid out similar too;

1. drush en packery
2. Install libraries & Packery from http://packery.metafizzy.co
3. Enable Packery Views Module
4. Edit CSS in subtheme. Assumming your fresh.css is enabled in theme.info Add the following to . sites/all/Theme/css/fresh.css
5. Javascript edits you may need?
6. Packery Views Configuration - This setting enables xyz to happen.
7. Create New View example with packery

With the package license needing to be purchased for commercial use and so little documentation I am sure this is why this amazing module & packery is not in high usage.

If you could help, I'd be most grateful.

Comments

swim’s picture

Status: Active » Fixed

Hey Gremlet,

I was going to add more documentation when a stable release was reached. However I have been away from Drupal dev for a little =(. The module (in my mind) doesn't really require much info other than the standard download and install. Please check the Packery documentation out for more info on how to use/ extend.

1. Download the Packery module, place in all/sites/modules
2. Download the Packery library, place in all/sites/libraries
E.G. all/sites/libraries/packery/packery.pkgd.min.js
3. Download the imagesLoaded library, place in all/sites/libraries (optional)
E.G. all/sites/libraries/imagesloaded/imagesloaded.pkgd.min.js
4. Enable the Packery module
5. Enable the Packery Views module (optional)
6. Create a new view with the Packery format style, select a settings group to apply to the view and hit save.

Please remember Packery, as it does as a standalone library; requires CSS rules be added to your view items. Please see the provided Packery examples.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

Gremlet’s picture

My apologies for taking so long to reply. I've nudged at this several times and not had much luck.

From what you wrote, this is how I interpreted your instructions:

drush en packery
drush en views
drush en libraries
enable packery ui module
enable view ui module
create packery folder in libaries
Upload packery.pkgd.min.js to libaries folder from http://packery.metafizzy.co/
create imagesloaded folder in libaries
upload imagesloaded.pkgd.min.js from https://github.com/desandro/imagesloaded
create content type image
add images
create view for packery-display
Display format = packery of fields selected
on view page
fields
add field for content: images

? Edit yourtheme.css file
? Edit yourtheme.info to include .js
(Please clarify what to add here)

---------------------

Your reference to look at the pages for css rules to a page with a lot of content left me baffled. The best I could glean from it about css was:
.grid-item { width: 25%; }
.grid-item--width2 { width: 50%; }

Trying to apply this, I went to view and Fields:Content Display, Style Settings, Customize field and label wrapper HTML, Added A Div, and names the wrapper label grid-item

I also ensured that the site was out of maintenance mode to test views as there was some discussion that this didn't allow packery to display on other sites.

If you could help me fill in the blanks and ?'s to get this working I would be most grateful.

Gremlet’s picture

Status: Closed (fixed) » Active

Trying to open this, so it is still possible to gain answers.

swim’s picture

Look I'd love to help but I don't understand where you're going wrong. This module provides managed settings and views integration for Packery. There is no requirement to modify your yourtheme.info file nor any .js files. Further there is no need to modify your view output; the module wraps each view item in the appropriate classes. The only thing you need to provide is the CSS rules to define how the grid displays. I'd recommend trying to use a standalone version of Packery without Drupal first. Let me know how you go/ please outline what's not working for you so I can addresses that specifically.

swim’s picture

Remove random issue tags.

swim’s picture

Status: Active » Closed (works as designed)