Announcing PrettyGallery My Second MODx Plugin

Posted on Aug 20, 2011 | Tags: , , , , | Comments (24)


After working on NivoGallery and learning a lot about MODx I decided to port yet another gallery plugin into MODx I'm happy to announce... PrettyGallery.

It is NoMarginForErrors PrettyPhoto a jQuery lightbox clone with 6 themes and some other cool features, although PrettyPhoto has many features Prettygallery does not support all of them at the moment since my main focus of using PrettyGallery was to create a lightbox plugin that works using MODx Gallery plugin.

So what features does PrettyGallery have?

It allows you to select the gallery you want to display and select one of 6 themes, select if you want to display thumbnails over the displayed image, specify your galleries thumbnail width, height, auto slide show start and slide show time out which is the amount of seconds your image transitions from one to the next.

How does it work?

First make sure you have Gallery installed in MODx and a gallery album created then create a new resource and select the prettyGallery template.

PrettyGallery Template

Then go to the Templates Variable tab and select the gallery you want to display in PrettyGallery, choose your theme, options and specify your thumbnail with and height settings save the resource and preview your page.

PrettyGallery Options

It's that simple now to get a lightbox gallery in MODx, here are some samples of the themes.


Dark Rounded

Dark Rounded


Dark Square

Dark Square








Light Rounded

Light Rounded


Light Square

Light Square

Here is a barebones example of what PrettyGallerylooks like.

Update: If this extra doesn't show up in package manager just download it from here and manually install it.

I would like to send a special shout out to my friend Mark Hamstra for helping me out with some issues.

Remember if your like PrettyGallery or NivoGallery please consider buying me a beer by making a donation.

Thanks and remember to leave your feedback either here or in this MODx forum post.


Share This Article

Leave a Comment

Comments (24)

  1. UrbanDigital:
    Sep 06, 2011 at 04:23 AM

    I started using Revo and i am very happy with this tool you made. I am just wondering, if it is possible to have a pretty-gallery call showing just one image, so i can spread the images trough the whole text-content?

  2. Homer Jon Young:
    Jan 24, 2012 at 04:02 AM

    Pretty Gallery is great when will it be available for Revolution 2.2 of modx?

    I just loaded a new site and it wasn't available.

  3. Benmarte :
    Jan 24, 2012 at 05:01 AM

    Just download it from the extras page and upload it manually to the core/packages directory then search locally for it.

    I'm not sure why it's not showing up on 2.2 but it works fine.

  4. Sepia River:
    Feb 02, 2012 at 04:50 AM

    Confirmed - it works on 2.2. Weird it's not in Pkg Mgmt tho...

  5. de Barbe:
    Apr 12, 2012 at 10:22 AM

    .....also not workíng with my Revo (2.2) - I get an empty site.

  6. de Barbe:
    Apr 12, 2012 at 10:22 AM

    .....also not workíng with my Revo (2.2) - I get an empty site.

  7. Avery:
    Jul 09, 2012 at 09:16 PM

    I'm having troubles getting this one to work. When I create a new resource and assign the pretty gallery template, it just comes up with a blank page. Any thoughts?

  8. Dalal:
    Sep 18, 2012 at 09:55 PM

    For revo 2.2 you have to change the PrettyGallery Template structure try this one without IF:

    [[++site_name]] | [[*pagetitle]]




  9. Prioritypie:
    Oct 07, 2012 at 10:19 AM

    For those having trouble with seeing an empty page - make sure you have the "If" extra installed.

  10. MODxLenn:
    Dec 13, 2012 at 01:12 AM

    Dear all,
    I'm working with PrettyGallery for a bit now, but I'd like to add pagination to it. 'Cause when my albums are big i get many pictures shown at my page, and I get a veeery long page. Does anyone of you know how to get pagination to work with PrettyGallery?
    Thanks in advance!

  11. MODxLenn:
    Dec 13, 2012 at 01:15 AM

    @Avery, you have to install "if" (can be found in the package manager). And you also have to go to template variables (in your resource) and choose an album :). Good luck!

  12. karlo:
    Dec 14, 2012 at 05:09 PM

    Where can I founf IF? I looked at prackage manager but didnt see IF. In vich package I can found IF?

  13. Steve:
    Jan 24, 2013 at 10:39 PM

    can i add a caption / url where the picture will branch to?

  14. Benjamin Marte:
    Jan 25, 2013 at 12:30 AM

    @steve You can try inserting the link in the url it should insert a link the image will link to, as for captions try inserting text in the description field and if that doesn't work try the name field.

    Sorry but I honestly don't remember what features the version on the repo supports since I was working on making some changes to it.

    Good Luck.

  15. MODxLenn:
    Jan 31, 2013 at 11:28 PM

    @karlo: You can find IF on the MODx Extra's page. All packages who aren't in the package manager anymore are to be found at that page.

  16. Simon Cruse:
    Feb 05, 2013 at 09:34 PM

    Excellent stuff :-)

    I'm probably just tired but no other JavaScript works within the modified template. Trying to incorporate this into this site but it completely ignore other JS in the template??

    Any ideas to stop me from going mad?

  17. Benjamin Marte:
    Feb 05, 2013 at 10:14 PM

    @Simon go to the prettyGalleryScripts chunk and comment out the jquery 1.6.2 js file I think that is what's causing the issue, if the pretty gallery stops working you may need to use jquery 1.6.2 instead of 1.8.3

    Let me know if that solves your problem.

  18. Simon Cruse:
    Feb 06, 2013 at 05:41 PM

    @Benjamin - Perfect :-) This solved my problem. This is why I use Modx, the community are very helpful.

    Sir I salute you.

  19. Mike B:
    Feb 22, 2013 at 03:03 AM

    A little new to modx here. I like the pretty Gallery, thanks so much. My question is how can I incorporate it into a page? Right now, the page opens up with a white background, and that is it. Clicking an image will start the gallery, and it works fine.

    Ideally, I'd like the following: When a user goes to, and clicks on the image labeled 15, the pretty gallery would pop up. No need for a page with the images shown and having to click on them. Is that possible?

    Alternatively, if the first option is not necessary, then I need the images to at least be shown in the normal template (logo, background, content area, etc). On the resource with the pretty gallery template, would I set a parent container, pointing to a different, blank resource that would be the "container" for the pretty gallery resource? If that is the case, would I need some text in the parent container to call the other resource, or would it automatically show?

    Thanks so much, appreciate it.


  20. Simon Cruse:
    May 14, 2013 at 06:21 PM


    Absolutely stuck for 2 days. I've managed to get the gallery to display but it looks as if the page is completely ignoring the javascript as when you click on the image you just get it on a new page.

    The link is here:

    I've basically copied the install from another site I've done that works fine. I'm at my the end of my tether with this one.

    Any help would be excellent :-)

    Thank you all in advance for your time.


  21. benmarte:
    May 14, 2013 at 06:43 PM

    @Simon you have a JS error on line 44 apparently your s3Slider is not working and it's preventing the prettyGallery JS from running.

  22. Simon Cruse:
    May 14, 2013 at 06:58 PM

    @benmarte once again you excel and solve my problem.

    Many many thanks once again.


  23. benmarte:
    May 14, 2013 at 07:12 PM

    Glad you got it sorted it out.

  24. Simon Cruse:
    May 14, 2013 at 07:20 PM

    @benmart - I've sent you a small donation for your help. Get yourself a beer on me.

    Is there anyway we can add a text description to the images as they are displayed?

This thread has been closed from taking new comments.