Doug

GREAT! Works like a charm! Problem solved. Thanks for getting back to me. Doug.

Hi there Nicola. I’ve been working on the same issue, and solved it just now–I think. I used the Pinterest-Lightbox plugin, Pinterest-Lightbox, which requires, it says, the NextGen Gallery plugin, which I have long had installed.

At first, the plugin did not work–no Pinterst button. I think I had a conflict with several lightboxes.

I run the Woothemes Scrollider theme, which has a lightbox that I had to deselect. Then I had to check and make sure that the lightbox inside WooCommerce>product>display was unchecked. I disabled that, and still no Pinterest button–and no NextGen lightbox either. Hmmm.

But then I activated the FancyBox plugin that I had used awhile back, and Voila!–Success!–there are the Pinterest buttons on each image within the product gallery.

It’s a little clunky–movement of the mouse disappears the PinIt button. But it’s there–and seems to be working. Check it out: FinSciences site example.

Doug

Thanks for the reply. Unfortunately it doesn’t appear to be so simple. I had had the box ticked, but I got one non-featured image pulled from the page to show–not the featured image from that page–and blank space or white space in the other two features–so it looked messed up. So I unticked the box because having only one image show looked sloppy.

And on the related pages, I get an icon next to the title, not a featured image.

Any thoughts would be great. Thanks, Doug

Featured images are showing up on some Customizr pages, but not on others, and not where I set the featured image. See Wavegrinder.com So I don’t get anything on the home page for those pages. It looks terrible. And it doesn’t show up next to my titles, ever. I deactivated all plugins, nothing. I’ve tried setting feature images of course. Featured image image does not show when I press “set featured image.” I have reduced imaged to the 270×250 size. Heeeeellllp! I’d really appreciate any insights–am trying to make sense of other posts. Maybe there is a plugin fix for this? Thanks, Doug

Okay, here’s a solution to my own problem that seems to work. Not sure if this works for all people, or all platforms, but it works for what I need it to do–it wraps the caption beneath the image by making the thumbnail-box div of uniform size (taller to accomodate multiple-line captions), and by changing the caption div size to match the thumbnail width so that long captions wrap beneath the image rather than push out to the right. Here’s the longer explanation.

First, I am using the caption template, nggallery id=1 template=caption, which needs to be enclosed in brackets to call in the template, of course. In NextGen gallery>>options>thumbnails, I had set my thumbnails to a size of 300×225.

Then I modified the gallery php page template, which is “gallery-caption.php,” which I used filezilla to find on the server in this folder: “wp-content/plugins/nextgen-gallery/view.”

There I modified the span tag by putting it into a new div, identifying it with a class that I could modify via CSS (the style sheet discussed below). Thus I took the following <span><?php echo $image->caption ?></span> and enclosed it in a div like this: <div class="ngg-gallery-caption-wrap"><span><?php echo $image->caption ?></span></div>.

Then I went to the nextgen gallery style page, found within the dashboard, nextegen sidebar, style. Then I created one and mordified one CSS element, both within the /* ----------- Gallery style -------------*/ portion of the style sheet.

First I created the div class that was identified in my newly modified php page, a class called .ngg-gallery-caption-wrap. I put this just above the span class, .ngg-gallery-thumbnail span, to make sure that my new class would have prioity. Then I gave the new class these attributes: text-align: left; padding-left: 10px; padding-right: 10px; width: 300px; This put the caption beneath the image, allowed it to wrap beneath the image, and gave it a nice padding on both sides.

But I had a new problem. First, know that the thumnails reside in boxes styled by the class call .ngg-gallery-thumbnail-box. Both the image and the caption boxes are within a div by this name. the new problem is that the new box with the multi-line caption grew taller than other boxes around it, boxes that had only one line of caption text. So this messed up the float–the floated-left shorter single-line caption thumbnail boxes hus began wrapping around the taller multiple- line thumbnail box, much as a paragraph would. But unlike a multi-line paragraph htat would move down and to the left as it reaches the bottom of the image, the image thumbnail of course could not be so fluid; it just got stuck there to the right, leaving a ton of white space, as though I was missing an image on the left.

So finally, cured that problem the only way I could figure out. I modified the thumbnail-box dimensions, class .ngg-gallery-thumbnail-box, so that all boxes would be the same size and the floats would be correct. This encourages the site author of course to make many multi-line captions, but that is what he wants, so it looks like it’ll work. Here is how I modified class .ngg-gallery-thumbnail-box {float: left; height: 325px; width: 350px; padding-left: 15px;}

It works, so I can’t complain! I imagine the NextGen gallery thumbnail options page could be modified to allow the setting of these parameter, but I’m not a developer, so who knows.

Spent several hours with this. But it still does not work. Three of 13 images have thumbnails. Others don’t show up. Thumbs are small, 200 x 150, should not be a problem. If this were fixed, could be the perfect plugin. But I’m looking for another program that does the same thing, but works. Any ideas? Lisa, can you post the 1.4.2 version, I cannot find it elsewhere. Thanks.