Thumbnails didn't load any more

Thank you very much friend. It works.

Just put
$picture = $photo->picture; as he said at the bottom of
-7 and 8 line of single-album.php
-3 and 4 line of single-album-ajax.php
It works.

@derkmdt can you tell me how can you make smaller your thumbnails sizes? Your gallery looks great.

I use this for my traveller friends’ blog. You can follow them ^_^ they write everything in English too.
https://seedsonwheels.com/en/homepage/
https://seedsonwheels.com/en/gallery/

If you help me about that, i will be glad.

Best wishes,
Thanks.

following for the same answer as Siyahperde

yup this worked for me too. to be clear this solves the problem where the thumbnails on the page are blank even though the pictures show when clicked.

Hi guys,

glad to see it’s resolved.
I’m no coder and really hope someone could post a screenshot of the correct code. Just to check if I’m putting the $picture = $photo->picture; in the right spot.

For both php-files please ??

Thanks in advance
Robin

I’m using it here: https://www.dance-fit.nl/fotos/halloween-2013/

For new comers,
How to fix?
Change files with that and wait for thumb size problem solution. ^_^
single-album.php

<blockquote></blockquote><div class="fb-PhotosWrap fb-container" data-paging="<?php $next ?>">
  <div id="<?php $count . "_" . $id ?>" data-next="<?php $next ?>" data-id="<?php $id ?>" data-limit="<?php $limit ?>" data-showfburl="<?php $showfburl ?>" class="fb-PhotoGallery fb-Clear">
<div class="fb-PhotoContainer" data-albumid="<?php echo $albumid ?>" data-page="1" >
   <?php
   if(!empty($photos->data)):
   foreach ($photos->data as $key => $photo) {
              $res =  Fppg::str_lreplace('/', '/' . $code . '/', $photo->picture);
			  $picture = $photo->picture;
              $picture= preg_replace('/_[aso].([^_a.]*)$/', '_n.$1', $res);
			  $picture = $photo->picture;
              $rel = $settings['fppg_gallery'] == 'PrettyPhoto' ? 'fbgallery[' . $albumid . ']' : $albumid . 'fbgallery';
                        ?>
            <div class="fb-PhotoThumbWrap">
                <a id="" target="_blank" class="fb-PhotoThumbLink fb-PhotoThumbnail fb-Photo<?php echo $classtext ?>Thumb" data-cancomment="" data-viewonfb="<?php  echo $showfblink ?>" data-fburl="<?php  echo $photo->link ?>" data-from="<?php  echo $photo->from->id ?>" data-id="<?php  echo $photo->id ?>" href="<?php  echo $photo->source ?>" rel="<?php  echo $rel ?>" title="<?php echo $photo->name ?>">
                    <i style="background-image:url(<?php echo $picture ?>)"></i>
                </a>
            </div>
                <?php
                }
            endif;
               ?>
<?php
if($next!=""){
?>
    <div class="fb-BottomBar" data-page="1" data-size="<?php echo strtolower($classtext); ?>" data-cancomment="<?php echo  $cancomment ?>" data-next="<?php echo $next ?>" data-id="<?php echo  $id ?>" ><span class="fb-Loadmore" style="margin: 0 5px"><img src="<?php echo  FPPG_URL ?>images/down-pointer.png" /><span id="fb-LoadMoreWall"><?php echo  __('Show more', 'fppg') ?></span></span></div>
<?php
}
?>
         </div>

    </div>
</div>

single-album-ajax.php

<?php
foreach ($photos as $key => $photo) {
    $res = Fppg::str_lreplace('/', '/' . $code . '/', $photo->picture);
	$picture = $photo->picture;
    $picture = preg_replace('/_[aso].([^_a.]*)$/', '_n.$1', $res);
	$picture = $photo->picture;

    $rel = $settings['fppg_gallery'] == 'PrettyPhoto' ? 'fpgallery[' . $albumid . ']' : $albumid . 'fpgallery';
    ?>
    <div class="fb-PhotoThumbWrap">
        <a id="" target="_blank" class="fb-PhotoThumbLink fb-PhotoThumbnail fb-Photo<?php echo $classtext ?>Thumb" data-cancomment="" data-viewonfb="<?php echo $showfblink ?>" data-fburl="<?php echo $photo->link ?>" data-from="<?php echo $photo->from->id ?>" data-id="<?php echo $photo->id ?>" href="<?php echo $photo->source ?>" rel="<?php echo $rel ?>" title="<?php echo $photo->name ?>">
            <i style="background-image:url(<?php echo $picture ?>)"></i>
        </a>
    </div>
    <?php
}
?>

<?php if ($next != "") { ?>
    <div class="fb-BottomBar" data-page="1"  data-size="<?php echo strtolower($classtext); ?>" data-cancomment="<?php echo $cancomment ?>" data-next="<?php echo $next ?>" data-id="<?php echo $id ?>" ><span class="fb-Loadmore" style="margin: 0 5px"><img src="<?php echo FPPG_URL ?>images/down-pointer.png" /><span id="fb-LoadMoreWall"><?php echo __('Show more', 'fppg') ?></span></span></div>
<?php
}

Guys if you want to fix the thumbnails go to the following directory of the plugin:
vandyk/wp-content/plugins/facebook-page-photo-gallery/templates/css

IN there you will find the style.css and look for line 29. Change the dimensons and that is it. I have tested and the best will be to change

.fb-PhotoLargeThumb i {width:206px;
height:206px}
to
.fb-PhotoLargeThumb i {width:136px;
height:106px}

Hope that helps ??

it’s better, makes the boxes match the image sizes. Thanks

Thank you friend. Now it looks really good! ^_^

Tassos I did changed that but it’s still blank until I click on it.

Hi,
I’m having some trouble understanding how to fix the problem with the thumbnail images that are blank and white. I use the [fbphotos=] and my images only appear when I click the thumbnail and then it enlarges.
I don’t understand how the coding and $picture = $photo->picture; works.
Could someone please help me!!!

Hi,

I am having the same problem. It now displays the thumbnails. However, when you click on it, you are redirected to the image url in stead of opening it widely in the same page. Before this bug, people were able to comment on pictures.

See: https://www.alicewestenberg.com/portretten/

Help is very appreciated! ??

Thanks!

Hi all,
I’m trying to make it work on a 4.0.1 system with the 2.0.9 version of the plugin but I’m still stucked at the thumbnails problem ??
I’ve changed the files found in the facebook-page-photo-gallery/templates the following files:
single-album-ajax.php

<?php
foreach ($photos as $key => $photo) {
    $res = Fppg::str_lreplace('/', '/' . $code . '/', $photo->picture);
	$picture = $photo->picture;
    $picture = preg_replace('/_[aso].([^_a.]*)$/', '_n.$1', $res);
	$picture = $photo->picture;

    $rel = $settings['fppg_gallery'] == 'PrettyPhoto' ? 'fpgallery[' . $albumid . ']' : $albumid . 'fpgallery';
    ?>
    <div class="fb-PhotoThumbWrap">
        <a id="" target="_blank" class="fb-PhotoThumbLink fb-PhotoThumbnail fb-Photo<?php echo $classtext ?>Thumb" data-cancomment="" data-viewonfb="<?php echo $showfblink ?>" data-fburl="<?php echo $photo->link ?>" data-from="<?php echo $photo->from->id ?>" data-id="<?php echo $photo->id ?>" href="<?php echo $photo->source ?>" rel="<?php echo $rel ?>" title="<?php echo $photo->name ?>">
            <i style="background-image:url(<?php echo $picture ?>)"></i>
        </a>
    </div>
    <?php
}
?>

<?php if ($next != "") { ?>
    <div class="fb-BottomBar" data-page="1"  data-size="<?php echo strtolower($classtext); ?>" data-cancomment="<?php echo $cancomment ?>" data-next="<?php echo $next ?>" data-id="<?php echo $id ?>" ><span class="fb-Loadmore" style="margin: 0 5px"><img src="<?php echo FPPG_URL ?>images/down-pointer.png" /><span id="fb-LoadMoreWall"><?php echo __('Show more', 'fppg') ?></span></span></div>
<?php
}

and single-album.php

<div class="fb-PhotosWrap fb-container" data-paging="<?php $next ?>">
  <div id="<?php $count . "_" . $id ?>" data-next="<?php $next ?>" data-id="<?php $id ?>" data-limit="<?php $limit ?>" data-showfburl="<?php $showfburl ?>" class="fb-PhotoGallery fb-Clear">
<div class="fb-PhotoContainer" data-albumid="<?php echo $albumid ?>" data-page="1" >
   <?php
   if(!empty($photos->data)):
   foreach ($photos->data as $key => $photo) {
              $res =  Fppg::str_lreplace('/', '/' . $code . '/', $photo->picture);
              $picture= preg_replace('/_[aso].([^_a.]*)$/', '_n.$1', $res);
              $rel = $settings['fppg_gallery'] == 'PrettyPhoto' ? 'fbgallery[' . $albumid . ']' : $albumid . 'fbgallery';
                        ?>
            <div class="fb-PhotoThumbWrap">
                <a id="" target="_blank" class="fb-PhotoThumbLink fb-PhotoThumbnail fb-Photo<?php echo $classtext ?>Thumb" data-cancomment="" data-viewonfb="<?php  echo $showfblink ?>" data-fburl="<?php  echo $photo->link ?>" data-from="<?php  echo $photo->from->id ?>" data-id="<?php  echo $photo->id ?>" href="<?php  echo $photo->source ?>" rel="<?php  echo $rel ?>" title="<?php echo $photo->name ?>">
                    <i style="background-image:url(<?php echo $picture ?>)"></i>
                </a>
            </div>
                <?php
                }
            endif;
               ?>
<?php
if($next!=""){
?>
    <div class="fb-BottomBar" data-page="1" data-size="<?php echo strtolower($classtext); ?>" data-cancomment="<?php echo  $cancomment ?>" data-next="<?php echo $next ?>" data-id="<?php echo  $id ?>" ><span class="fb-Loadmore" style="margin: 0 5px"><img src="<?php echo  FPPG_URL ?>images/down-pointer.png" /><span id="fb-LoadMoreWall"><?php echo  __('Show more', 'fppg') ?></span></span></div>
<?php
}
?>
         </div>

    </div>
</div>

But it still gives me the same result… Did I missed something?

Hi thanks everyone. I followed Siyahperde steps exactly and it worked for me.

Hi battleshinobi,
Do you have the same system as I do? Did you changed just the files in facebook-page-photo-gallery/templates dir?

derkmdt and tassos, you rock. Someone needs to take over this plugin. It’s great for populating a portfolio site where the person already uploads to fb. (hundreds of pics in this case) Now I can just make one gallery with select high res photos and everything else can feed from fb. Slicker than snot on a door knob.

For those that don’t know.
To comment out a line in php, add /* in front of the line and */ at the end.
When adding the above line from the first post by derkmdt, make sure it lines up with the rest of that section (before commenting out)
PHP is always indented in increments of four spaces. 0, 4, 8, etc