zpMasonry Theme Change Album View

drsprite

I'm trying to modify the zpMasonry theme's album view to not show the standard thumbnails, but to instead try to use the JavaScript Masonry library that it has built in.

For the album view, I'm looking to have all photos "masoned" into each other. Much like the pink squares on the Masonry dev page: http://masonry.desandro.com/methods.html#layout

I understand where in album.php the developer is calling the photo thumbnails, but I can't find the right Zenphoto function to display thumbnails to make this idea work.
http://www.zenphoto.org/documentation/functions/_template-functions.php.html

Any ideas or tips on how I could achieve this would be greatly appreciated.

acrylian

I suggest to start with the theming tutorial to learn the basics of Zenphoto theming. zpMasonry is a quite advanced theme - as all of the developer are - which does a lot of special things.

ayan

@drsprite..a questiom a bit out of the topic since you are using masonry theme...are you using the register and addthis script on the theme and is functioning properly? Just asking out of curiosity..

drsprite

@ayan: nope, I'm not using those at this time. I have added some custom facebook/twitter/pinterest sharing code to it though.

drsprite

@acrylian: the theme tutorial could use a bit of updating. All the hyperlinks for Zenphoto calls are going to 404 pages on php.net. I would have expected those hyperlinks to go to a Zenphoto function help page or something (and not PHP.net).

This is the right tutorial, right? http://www.zenphoto.org/news/theming-tutorial

acrylian

Yes, that is the correct tutorial. Those wrong links are actually cause by the automatic generated documentation. Thanks for the note, I will take a look. We probably remove the links anyway since we probably use a new documentation generated soon and they change all the time. Small team and too less resources to check everything everytime…;-{

It should be easy to find them on the documentation itsefl. There is a article on the user guide with some quick links that hopefully still work.

Btw, I replied to your email meanwhile.

ayan

@drsprite..would you mind sharing the custom codes ? It will solve a bit of my problem. And also if you find a way to "mason" the thumbs.

acrylian

@ayan: You could also just use the code these services provide and paste them. Or directly from addthis itself (which is what we do on our site btw).

drsprite

@acrylian: no problem on the documentation. I understand it's a small community here

Thanks for the reply, will talk about it internally.

ayan

@acrylian...the custom code provided by addthis is in html. How can i place html in php?

drsprite

@ayan, Easiest way is to end the PHP code block before switching to HTML tags, then at the end of HTML code, re-start the PHP code blocks.

`
<?php

if (blah) { echo "blahblah"; }

?>

Hello HTML text

<?php

// Begin PHP again

?>
`

acrylian

Sorry, I really assumed that the php basics like this were known. I would like to recommend to learn php basics anyway if starting to customize themes.

You will need them everywhere. And the more your like to change the more you need to dig into PHP.

While this site is not always accurate in its general documentation of web techniques it has a nice tutorial for those basics:
http://www.w3schools.com/php/php_intro.asp

acrylian

Btw, the broken links in the theming tutorial should be fixed. Always let us know if you find some more.

drsprite

Sounds good!

ayan

i tried out thw custom codes but the buttons are not showing up. Is it because i am using wampserver?

ayan

I think zp-masonry does not function in real terms of "mason"ing the albums as it functions of displaying the albums and images are rigid.
A lot modification is required tp have its title as masonry. I bet modifying the themefunctions file will help. Any views regarding this?

ayan

The jquery.masonry.js file doesnt get called anywhere in the whole theme to function. How is then the theme masoning anyway. Asking out of eagerness..

acrylian

It is called in the footer.

ayan

But doesnt mason the way desandro masons.

gjr

Yes it does.

http://www.zenphoto.org/theme/zpMasonry/zpMasonry-index.jpg.html

http://www.zenphoto.org/theme/zpMasonry/zpMasonry-album.jpg.html

ayan

On the index page it produces two albums only on each row unlike the screenshots. I was hoping if it would mason as we get image search results in google.