SocialSuite & getPage

138 Posts

carlo_13 Reply #1, 13 years, 7 months ago

Hi,

I have recently been using Social Suite (http://rtfm.modx.com/display/ADDON/SocialSuite.getFacebookPhotos) to pull facebook pages pictures for a client.

Here is the result: http://bit.ly/13syzlD

I'd like to add a pagination thanks to getPage, but I can't make it work.

Please find my code below:

[[!getFacebookPhotos? &albumTpl=`albumTpl` &outerTpl=`outerTpl` &photoTpl=`photoTpl` &limit=`30` &user=`modxcms` &pageVarKey=`page` &perAlbum=`0` &offset =`1` ]]

[[!getPage? &element=`getFacebookPhotos`]]


<div class="paging">
<ul>
    [[!+page.nav]]

 </ul>
</div>

What am I doing wrong ?

Thanks for your help.

Webdesigner and musician.

701 Posts

bennyb Reply #2, 13 years, 7 months ago

I don't think you need the getFacebookPhoto call. You put all the parameters inside of the getPage call. So the above would be:


[[!getPage? &element=`getFacebookPhotos` &albumTpl=`albumTpl` &outerTpl=`outerTpl` &photoTpl=`photoTpl` &limit=`30` &user=`modxcms` &pageVarKey=`page` &perAlbum=`0` &offset =`1`]]



 
<div class="paging">
<ul>
    [[!+page.nav]]
 
 </ul>
</div>

138 Posts

carlo_13 Reply #3, 13 years, 7 months ago

Quote from: bennyb at Mar 01, 2013, 06:08 AM

I don't think you need the getFacebookPhoto call. You put all the parameters inside of the getPage call. So the above would be:
[[!getPage? &element=`getFacebookPhotos` &albumTpl=`albumTpl` &outerTpl=`outerTpl` &photoTpl=`photoTpl` &limit=`30` &user=`modxcms` &pageVarKey=`page` &perAlbum=`0` &offset =`1`]]



 
<div class="paging">
<ul>
    [[!+page.nav]]
 
 </ul>
</div>

Thanks @bennyb,

it worked perfectly!

Webdesigner and musician.

138 Posts

carlo_13 Reply #4, 13 years, 6 months ago

Hi, lots of people have been asking my how to make a facebook gallery. So please stop sending email, the solution is below wink

1) For the lightbox effect I have used fancy box (http://fancybox.net/).

2) Here is my code:
(I assume you have getpage extension installed on your system)

[[!getPage? &element=`getFacebookPhotos` &albumTpl=`albumTpl` &outerTpl=`outerTpl` &photoTpl=`photoTpl` &limit=`20` &user=`your facebook page` &pageVarKey=`page` &perAlbum=`0` &offset =`1`]]

    [[!+page.nav]]

photoTpl:

<a class="fancybox" href="[[+src_big]]" data-fancybox-group="gallery" title="[[+name]]"><img src="[[+src]]" alt="[[+name]]" /></a>

Hope it helped

Webdesigner and musician.