http://www.kriesi.at/support/tags/masonry Support Forum - Tag: masonry - Recent Posts en-US Thu, 20 Jun 2013 04:51:48 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-to-insert-masonry-gallery-into-pages#post-118863 Mon, 17 Jun 2013 04:16:07 +0000 Ismael 118863@http://www.kriesi.at/support/ <p>Hi,</p> <p>Yeah. Edit the page, go to Gallery Options, Insert image to slideshow. Add as many images as you want. Under Gallery Layout, select Flexible Grid Gallery. Update the page.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-insert-masonry-gallery-into-pages#post-118788 Sun, 16 Jun 2013 13:01:43 +0000 matteoraggi 118788@http://www.kriesi.at/support/ <p>I would like to apply the masonry gallery into pages like this: <a href="http://www.mazzoliportevetro.it/?page_id=23" rel="nofollow">http://www.mazzoliportevetro.it/?page_id=23</a><br /> Is that possible? How? </p> http://www.kriesi.at/support/topic/masonry-and-foobox#post-116124 Tue, 04 Jun 2013 13:58:10 +0000 Dude 116124@http://www.kriesi.at/support/ <p>Hey! </p> <p> I hope he can provide a solution. If possible please share it - it may help other users too. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/masonry-and-foobox#post-115934 Mon, 03 Jun 2013 18:17:37 +0000 yallahweb 115934@http://www.kriesi.at/support/ <p>This piece of code doesn't work either. I'm waiting for a reply from a Foobox developer. </p> http://www.kriesi.at/support/topic/masonry-and-foobox#post-115923 Mon, 03 Jun 2013 17:00:38 +0000 Dude 115923@http://www.kriesi.at/support/ <p>Tbh I've no idea why it doesn't work because I'm not familiar with the foobox code. Personally I'd try to bind it to the container element with</p> <pre><code>container.FOOBOX.init();</code></pre> <p>because window.FOOBOX.init() will probably include all images (background slider, masonry gallery, etc.) but I'm not sure if this works out. </p> http://www.kriesi.at/support/topic/masonry-and-foobox#post-115921 Mon, 03 Jun 2013 16:47:21 +0000 yallahweb 115921@http://www.kriesi.at/support/ <p>Thanks Dude!</p> <p>A Foobox developer sent me the Foobox function call : window.FOOBOX.init();</p> <p>Now Foobox is opened properly for all the pictures of the masonry galery. But after the 8th picture, when we click on a thumbnail it doesn't open the correct picture... A bit embarassing!</p> <p>Any idea? </p> http://www.kriesi.at/support/topic/masonry-and-foobox#post-115675 Sun, 02 Jun 2013 07:39:24 +0000 Dude 115675@http://www.kriesi.at/support/ <p>You need to "bind" the foobox lightbox/effect to the masonry grid items. If you scroll down new items will be loaded and foobox doesn't recognize them if you don't bind it to these items/elements. Kriesi uses the imagesLoaded event to bind the prettyphoto lightbox to the new grid elements and you can probably use it for foobox too. Open up wp-content\themes\flashlight\js\jquery.masonry.min.js and search for:</p> <pre><code>container.avia_activate_lightbox();</code></pre> <p>Replace the avia_activate_lightbox() function with your foobox function call and it should work. If you don't know the exact code please contact the plugin author and ask him for detailed instructions. </p> http://www.kriesi.at/support/topic/masonry-and-foobox#post-115590 Sat, 01 Jun 2013 14:50:18 +0000 yallahweb 115590@http://www.kriesi.at/support/ <p>Thank you Ismael.</p> <p>I've followed your instructions to desactivate the prettyPhoto plugin but it's still the same problem... </p> http://www.kriesi.at/support/topic/masonry-and-foobox#post-115499 Sat, 01 Jun 2013 06:33:12 +0000 Ismael 115499@http://www.kriesi.at/support/ <p>Hi,</p> <p>Deactivate the prettyPhoto plugin. Go to js &gt; avia.js then find this code</p> <pre><code>//activates the prettyphoto lightbox if(jQuery.fn.avia_activate_lightbox) jQuery(&#39;body&#39;).avia_activate_lightbox();</code></pre> <p>Replace it with</p> <pre><code>//activates the prettyphoto lightbox //if(jQuery.fn.avia_activate_lightbox) //jQuery(&#39;body&#39;).avia_activate_lightbox();</code></pre> <p>Maybe there is a conflict between the two lightbox plugin.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/masonry-and-foobox#post-115443 Sat, 01 Jun 2013 01:57:41 +0000 yallahweb 115443@http://www.kriesi.at/support/ <p>I noticed a problem with my masonry galeries (flexible grid galery) and the Foobox plugin.</p> <p>Foobox is well instanced for the first eight pictures, and then the image doesn't open in a lightbox but in a white window.</p> <p>An example : <a href="http://www.benoitrual.com/?p=184" rel="nofollow">http://www.benoitrual.com/?p=184</a><br /> On an image of the first or second line, the Foobox lightbox is opened properly but not on an image of the third line and the following lines...</p> <p>Could you check what's wrong ? </p> http://www.kriesi.at/support/topic/problems-with-flexible-grid-gallery#post-74379 Tue, 04 Sep 2012 19:36:48 +0000 Devin 74379@http://www.kriesi.at/support/ <p>Hi winstonsf,</p> <p>From what I remember, this is related to a permalinks issue as the page is unable to call the correct page name when trying to dynamically load in the next set of images from the next page. </p> <p>Try changing you permalinks to default and see if that works for you. Double check that the portfolio slug you have chosen in the theme options does not share the same name or slug as any other page in your site and finally go through the wordpress troubleshooting tips regarding permalinks if you'd like to have them: <a href="http://codex.wordpress.org/Using_Permalinks#Fixing_Permalink_Problems" rel="nofollow">http://codex.wordpress.org/Using_Permalinks#Fixing_Permalink_Problems</a></p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/problems-with-flexible-grid-gallery#post-73896 Sat, 01 Sep 2012 02:19:10 +0000 winstonsf 73896@http://www.kriesi.at/support/ <p>This problem popped up for me as well. I'm using Safari. </p> http://www.kriesi.at/support/topic/flexible-masonry-gallery-auto-load#post-72502 Thu, 23 Aug 2012 12:59:49 +0000 Devin 72502@http://www.kriesi.at/support/ <p>Glad that fixed the issue for you :)</p> <p>Let us know if you have any other issues or questions.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/flexible-masonry-gallery-auto-load#post-72500 Thu, 23 Aug 2012 12:55:47 +0000 alanaburton 72500@http://www.kriesi.at/support/ <p>Ha! Amazeballs, that worked, thanks Dude! </p> <p>Wedding photos gallery now sorted so that it loads more on scrolling down now that plugin has been deactivated. </p> <p>Thanks again, </p> <p>Alana :-) </p> http://www.kriesi.at/support/topic/flexible-masonry-gallery-auto-load#post-72479 Thu, 23 Aug 2012 11:34:51 +0000 Dude 72479@http://www.kriesi.at/support/ <p>A plugin (I think it's the "dm-albums" plugin) causes a js error because it loads the jquery libary a second time. Please deactivate it or make sure that the plugin uses the default wordpress jquery.js file. </p> http://www.kriesi.at/support/topic/flexible-masonry-gallery-auto-load#post-72470 Thu, 23 Aug 2012 09:56:21 +0000 alanaburton 72470@http://www.kriesi.at/support/ <p>Hi guys, </p> <p>I have tried the above instructions to also get an auto-load on a specific gallery and have changed the code to function display($itemcount=50) as I want to display more than 10 but not necessarily 100. </p> <p>But this doesn't work, it still wants to "loading images" when I touch the sidebar and only shows a certain number of images - ??</p> <p>The page is:<br /> <a href="http://31.25.191.49/~photos/gallery-item/wedding-photography/" rel="nofollow">http://31.25.191.49/~photos/gallery-item/wedding-photography/</a></p> <p>In addition to this, even though I have turned off auto-rotation you will see that after a few seconds the first couple images which are landscape orientation are almost overwritten by a portrait style image that also happens to be in the gallery. </p> <p>Any ideas on how to sort. Ideally I want the (eventual) 20-30 images to all show up - whether it has to be by scrolling down to see more or not but if the scrolling option has to be it, can it please work for me as it isn't. </p> <p>Thanks in advance, </p> <p>Alana </p> http://www.kriesi.at/support/topic/masonry-andor-blog-full-width#post-58860 Tue, 05 Jun 2012 07:26:39 +0000 Dude 58860@http://www.kriesi.at/support/ <p>Hi! </p> <p> Ok :) </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/masonry-andor-blog-full-width#post-58339 Fri, 01 Jun 2012 02:16:28 +0000 redhaus 58339@http://www.kriesi.at/support/ <p>Thanks for the response, Dude! I did figure it out...sorry to be a bother. I do have more questions though - unrelated - but I'll post those in a new thread. </p> http://www.kriesi.at/support/topic/masonry-andor-blog-full-width#post-58221 Thu, 31 May 2012 06:28:45 +0000 Dude 58221@http://www.kriesi.at/support/ <p>Hey! </p> <p> Hi,<br /> 1) No - this would require a lot of work and theme files adjustments.</p> <p>2) It seems like you worked out the solution by yourself: <a href="http://kellyredinger.com/blog/" rel="nofollow">http://kellyredinger.com/blog/</a> ? </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/masonry-andor-blog-full-width#post-57855 Tue, 29 May 2012 03:13:24 +0000 redhaus 57855@http://www.kriesi.at/support/ <p>...Noob here, and though i searched for a long while, I didn't see these two questions answered yet (if they have been, please send me the link!)...</p> <p>I'm using the Flashlight theme.</p> <p>Question 1: I'd like to use the Flexible Grid format to display my blog posts, and the posts will be varied and may included lots of photos. Is the flexible grid format in this theme equipped to handle this type of use (with tags, keywords, multiple images, video, etc) or is this asking too much?</p> <p>Question 2: If the flexible grid isn't a viable blog option, how do I go about increasing the width of the blog page? I would like to keep the sidebar for other pages in the site, but for the Blog page, as well as the individual Blog posts, I'd like the width to be full and not to have any sidebars with widget. This seems like an obvious question to answer, but I haven't found it yet. </p> <p>Thanks!<br /> Kelly<br /> <a href="http://www.kellyredinger.com" rel="nofollow">http://www.kellyredinger.com</a> </p> http://www.kriesi.at/support/topic/masonry-gallery-and-pinterest-facebook-twitter-integration#post-57071 Tue, 22 May 2012 17:09:50 +0000 Devin 57071@http://www.kriesi.at/support/ <p>Hi commonmodel,</p> <p>I think it would be better to actually have something like that (permanent and built in) added with a theme update that way its supported across the board. </p> <p>I'll forward the thread and code that Chris provided to Kriesi and see if he has a suggestion/would be willing to add it into the core files.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/masonry-gallery-and-pinterest-facebook-twitter-integration#post-56231 Wed, 16 May 2012 04:59:20 +0000 commonmodel 56231@http://www.kriesi.at/support/ <p>Hi Chris,</p> <p>I just tried replacing all the code as you've suggested and it did not work for me. It actually took my site down due to some error with "Line 79." I put back all of the original code and the site is working fine.</p> <p>However, I have yet to find a good, straight-forward, and easy to understand explanation of how to add social media integration, such as a "Like It" button, "Pin It" button, and "Tweet It" button to the Flashlight theme. I would ideally like to add it to each of my portfolio entry items (each photo within the gallery/portfolio). Here is my site: <a href="http://CommonModel.com" rel="nofollow">http://CommonModel.com</a> and here is where I would like to add the buttons: <a href="http://commonmodel.com/gallery/dmills/" rel="nofollow">http://commonmodel.com/gallery/dmills/</a> and in blog post entries.</p> <p>I am a new developer (so I could be doing something wrong), but I have tried various plugins which do not seem to work well. I also tried searching for this on the Kriesi support boards, but could not find any good resolutions. Do you think your team could put together one manual on how to address the high demand by your users to share via social media? I think there would a lot of appreciative users.</p> <p>Thank you for your time! Your team is great with support and have always been helpful! </p> http://www.kriesi.at/support/topic/flexible-masonry-gallery-auto-load#post-55120 Tue, 08 May 2012 06:36:53 +0000 Dude 55120@http://www.kriesi.at/support/ <p>You can increase the item count to a very high value - open up includes/helper-slideshow.php and replace:<br /> <pre><code>function display($itemcount=10)</code></pre> <p>with eg:<br /> <pre><code>function display($itemcount=100)</code></pre> <p>Because of performance reasons I'd keep the value low though. </p> http://www.kriesi.at/support/topic/flexible-masonry-gallery-auto-load#post-55091 Tue, 08 May 2012 04:27:01 +0000 geekchoice35a 55091@http://www.kriesi.at/support/ <p>Is it possible to get the Masonry gallery to auto load, instead of loading on scrolling?</p> <p>I love it, but on one specific page I want it to auto-load everything. </p> http://www.kriesi.at/support/topic/masonry-gallery-and-pinterest-facebook-twitter-integration#post-51617 Sat, 14 Apr 2012 11:31:35 +0000 Chris Beard 51617@http://www.kriesi.at/support/ <p>Hey,</p> <p> I've modified the url, it should work now :) </p> <p> Regards,<br /> Chris </p> http://www.kriesi.at/support/topic/masonry-gallery-and-pinterest-facebook-twitter-integration#post-51559 Fri, 13 Apr 2012 17:55:15 +0000 geekchoice35a 51559@http://www.kriesi.at/support/ <p>Thanks for the response! The pastebin ID is invalid. So I cant see the code for your helper-slideshow.php </p> http://www.kriesi.at/support/topic/masonry-gallery-and-pinterest-facebook-twitter-integration#post-51489 Fri, 13 Apr 2012 04:13:10 +0000 Chris Beard 51489@http://www.kriesi.at/support/ <p>Hey,</p> <p>I just spent a <u>lot</u> of time figuring this out. I hope it works.</p> <p>Add this to your Quick CSS or custom.css to hide the Lightbox effect you'll get on the button.<br /> <pre><code>.masonry-content .noLightbox span[style] { display: none !important; }</code></pre> <p>Add this piece of code I found to your functions.php to get the current page URL needed in the Pinterest button code.<br /> <pre><code>function curPageURL() { $pageURL = &#39;http&#39;; if ($_SERVER[&quot;HTTPS&quot;] == &quot;on&quot;) {$pageURL .= &quot;s&quot;;} $pageURL .= &quot;://&quot;; if ($_SERVER[&quot;SERVER_PORT&quot;] != &quot;80&quot;) { $pageURL .= $_SERVER[&quot;SERVER_NAME&quot;].&quot;:&quot;.$_SERVER[&quot;SERVER_PORT&quot;].$_SERVER[&quot;REQUEST_URI&quot;]; } else { $pageURL .= $_SERVER[&quot;SERVER_NAME&quot;].$_SERVER[&quot;REQUEST_URI&quot;]; } return $pageURL; }</code></pre> <p>Add this before your closing head in header.php (not sure if it's needed but .. ah well, I'll just believe Pinterest)<br /> <code>&lt;script type=&quot;text/javascript&quot; src=&quot;//assets.pinterest.com/js/pinit.js&quot;&gt;&lt;/script&gt;</code></p> <p>And, because I forgot what I did in flashlight\includes\helper-slideshow.php I suggest you overwrite it with <a href="http://pastebin.com/ZtaHnZr1">this code</a>.</p> <p>It works for me and I sure hope it works for you. I don't have a Pinterest account so I can't test it - but the link is correct. Let me know what happens.</p> <p>Cheers,<br /> Chris </p> http://www.kriesi.at/support/topic/masonry-gallery-and-pinterest-facebook-twitter-integration#post-51429 Thu, 12 Apr 2012 18:37:54 +0000 geekchoice35a 51429@http://www.kriesi.at/support/ <p>I want to use the Masonry Flexible gallery for some of my galleries, I would like to add a Pinterest PinIt button under each image in the gray area beneath. I would also like to put in a share on facebook and tweet button as well.</p> <p>Has anyone accomplished this yet?</p> <p>If not, this is very important. Pinterest is a huge source of traffic. </p> http://www.kriesi.at/support/topic/iphoneipad-zoom-quirks#post-47310 Tue, 20 Mar 2012 23:24:18 +0000 Kriesi 47310@http://www.kriesi.at/support/ <p>Hey! this is a known error and will be fixed with the next version of the lightbox. we just have to wait until it is released, then the themes will also get the new lightbox ;) </p> http://www.kriesi.at/support/topic/iphoneipad-zoom-quirks#post-46947 Mon, 19 Mar 2012 11:04:46 +0000 akimotobv 46947@http://www.kriesi.at/support/ <p>Hi there! I'm experiencing a couple of quirks when viewing my site on an iPhone or iPad, or any device with zoom/swipe options. The problem occurs when clicking a photo in the Masonry grid. It opens up in a nice lightbox, using PrettyPhoto. However when I zoom in on the opened photograph, the whole site adjusts it's size making the view jump. When swiping back to the zoomed in image, it keeps jumping back to the same unwanted position. How can I prevent this from happening? Is there some way to disable the resizing function when opening images in the lightbox? Thanks for your answer! </p>