New 2014 HTML Gallery, a FREE gallery for Lightroom’s Web module

2014 HTML Gallery, "Mortar" template.

2014 HTML Gallery, "Mortar" template.

A holiday gift to the Lightroom community, the 2014 HTML Gallery is a reimagining and much needed modernization of the default Lightroom HTML Gallery, rebuilt from scratch. The gallery features a fluid, responsive design for tablets and mobile phones, support for Google Maps via the LR Map module, and other new features. Best of all, the gallery is completely FREE for all.

View a demonstration gallery.

Download the 2014 HTML Gallery for FREE from the TTG Shop.

And though I've managed to get this release ready just under the wire for Christmas Eve, members of the Lightroom community have pulled together on short notice to provide localizations for non-English speakers. The plugin currently supports the following languages:

Many thanks to these guys for their contributions!

For those of you not covered by these localizations, you can create your own translation by opening the plugin's .lrwebengine package, and editing the applicable TranslatedStrings.txt file located in the /strings/ folder. This can be done for any language supported by Lightroom.

Now, let's talk features and options.


Responsive Design

Responsive design allows the gallery to reshape itself to mobile layouts.

Responsive design allows the gallery to reshape itself to mobile layouts.

Fluid, responsive design allows the gallery to reshape itself to fit any device. Make your grid as wide as you like; when it's too wide, it will reflow and recenter itself. On mobile devices, it compacts into an easy-to-use mobile layout automatically.

Likewise, large images will scale to fit the display.

Google Maps Support

Lightroom 5 introduced the Map module, but offered no follow-through to the Web module. The 2014 HTML Gallery allows you to link geo-tagged images to Google Maps. Just drop your images into place in the Map module, then enable the feature in your Web gallery. Easy, peasy.

Clicking the "Map" link opens Google Maps in a new window.

Clicking the "Map" link opens Google Maps in a new window.

Templates

The download includes eight starter templates, allowing you to quickly get started with a different look.

The "Dark" template is one of eight looks included in the download.

The "Dark" template is one of eight looks included in the download.

Online or Offline

The 2014 HTML Gallery is built entirely of HTML5 and CSS, with just a touch of Javascript. That's all client side code, meaning that you can upload galleries to any FTP-enabled web server, or run them offline. For example, you might put together a family photo album for the last year, export and copy your gallery to flash drives, and hand them out to the family as gifts.

Options!

2014HTMLGallery-Controls

The 2014 HTML Gallery includes some fantastic options, some of them old favorites and others welcome new additions. Returning features include drop-shadows, cell numbers and photo borders.

New options you're sure to love include:

  • In the large image view, clicking the large image can either advance to the next image, or return to the index. It's your choice!
  • The gallery description can be displayed on every index page, or only on the first page.
  • We added an extra web link for navigation. So now you can link to your email address and your home page.
  • Neat pagination and grid rendering features that work behind the scenes to make your layouts more awesome, while allowing you to get the job done without having to think too much about grid layout, the number of images on each page, etc. Automatic awesomeness!
  • Support for CE3 Auto Index and the CE3 Pages "Galleries" page (galleries will show up in the CE3 gallery index pages).

Taking Requests

Given more time, there's a bit more I'd like to do with this gallery, but I really wanted to get this out by Christmas. It's in very good shape as it is, but I'm open to growing it out a bit more as well. If you've got requests for future updates, let me know. I will not build in every feature; keep in mind that this is a free gallery and I will not allow it to step too much on the toes of our premium CE3 offerings. But that said, there's more we can do here and I'd love to hear your thoughts.


In closing ...

There's just one catch. By downloading 2014 HTML Gallery, you will be added to our mailing list. We send newsletters infrequently -- usually just once a month -- we never share your email address, and you can unsubscribe at any time.

Twenty-thirteen has been a very good year for The Turning Gate, and we owe that to our wonderful community of users, who have embraced our plugins. We thank each and every one of you from the bottom of our hearts, and we promise more good things to come in 2014. Happy holidays and a merry Christmas to all. And however you choose to celebrate this time of year, we hope it finds you happy, healthy and surrounded by loved ones.


20 responses to “New 2014 HTML Gallery, a FREE gallery for Lightroom’s Web module

  1. Thanks Matt for this good looking present!! Found out while installing that i had to put the Web-templates into the Lightroom-settings section of my catalogue instead of the line you gave in the explaining info. Is that correct?

    Merry Christmas and a very good, healthy and propour New Year!

    J.W.

    • That may be the case if you’ve got LR preferences set such that templates are stored with your catalogs, rather than with the application.

  2. Thanks Matt. It is working allright. I do have that indeed,all the LR-stuff is on other places on my computer just in case off a crash. Well, thanks for your quick answer!

  3. pingback //: A TTG Christmas gift - Rod Barbee Photography Blog

    […] There's more too, including eight starter templates. You can read all about it and get the 2014 HTML Gallery here. […]

  4. You guys are awesome, this gift is one of the most useful thing among so many offers, congratz!

    How can I support you guys translating the plugin to Portuguese, in order to benefit the whole Portuguese speakers around the globe? Who (or where) should I contact?

    waiting…

    • Thanks, Rubens. If you crack open the .lrwebengine, you can get at the /strings/pt/TranslatedStrings.txt file. I believe that is the correct file for Portuguese language in LR. You’ll just need to translate the words following “=” for each string, then email me the TranslatedStrings.txt file with your changes. Email is matthew at the turning gate dot net.

      • Hi!

        Great work!
        But how can someone change the language? I cannot figure it out. I tried and deleted all the languages, except the one I need, but it still shows up in English.
        Thanks,
        Zoltán

        • Inside the .lrwebengine package, in /strings/ there are a number of language files which match to the language of your installed Lightroom application. If your language is not included, you will need to copy the /en/ folder and edit the TranslatedStrings.txt file therein. The “en” should be replaced with the two-character code for the desired language. This will only work for languages already supported by Lightroom.

          • Thanks for the fast reply Matt.
            I see. I figured it out till that, I just didn’t know that it’s not showing the Hungarian translation, because Lightroom is not available in Hungarian. :( Too bad. I think I will have to update each html file manually then… (I only needed the ‘Next’, ‘Previous’ and ‘Maps’ labels translated anyway).
            …Or maybe I can put these labels in some supported language for the duration of the export process (maybe not the Chinese or Korean one… :) ). Hope it will work that way, it would save some manual labour for sure!

          • Yes, it works like this! I modified these labels in the German translation to Hungarian, it works perfectly! :) So this is a workaround for all those people who want these four buttons to be in their language. Nice!

          • Great! I’m glad you found a workable solution.

  5. I guess that’s really Matt in Santa Clause clothing ;-))

    Thanks for the Christmas present! It works great in LR 5.3 (Windows 7, 64).

    I have a request – would it be possible to add a “PRINT” button option which would print the large image (not the whole web page)?

    • It would be easy enough to create a print stylesheet to hide some of the page elements when printing. You wouldn’t want the logo or captions in that print?

      And is a button necessary? What need is there for a print button, when users can simply access “Print” from the browser menu?

      Finally, if someone wanted to print only the image, it’s pretty easy either to open the image in a browser tab of its own, or save it to the desktop first.

    • I’ve just built in a print.css file for an update. It keeps the Site Title / Identity Plate, the gallery description, image titles and captions, cell numbers, and the images themselves.

      It removes colors, sets text to black and background-color to white, makes the grid’s outline invisible, hides navigation, removes drop-shadows and borders from thumbnails and images.

      I think this works pretty well, keeping what most people should want it to keep (and what I think a print.css files should keep), while disposing of useless clutter like the navigation (because you can’t click links on paper).

      Your visitors can still open images in a new browser tab if they want only to print the image.

      Does that suffice? If not, the only other thing to do would be to create a button that opens the image file in a browser tab of its own for printing, and I just don’t think that’s necessary. Let me know your thoughts on the matter, though.

      • Dear Santa… oops, I mean Matt…

        Thanks for the fast response to my request. Your description of the printable content seems good, but I would like to try your new update, and then comment.

        In any event, I would still like to see a PRINT button (maybe just to the left of the INDEX button on the large photo page) since many of my viewers are somewhat computer illiterate, and the browser print function is to obscure for them.

        When & how can we get the update?

        • Soon, I expect. You should receive an email notification when it’s available; if that goes astray, then you can always see announcements here on the blog, then lookup order numbers from the sidebar.

  6. Hi Matt,
    thank you for this nice, lean and clean present. For me it is a good motivation to update my website from CE to CE 3.

    There are two points which, in my opinion, could be improved:
    – The bottom navigation bar could be optional
    – The possibility to add a footer with a copyright notice. Adding it in the photo is not everyone taste.

    Finally I wish you a good and successful new year 2014!
    Adalberto

    • Hi Adalberto,

      Thanks! I’m glad you like the gallery. Regarding your suggestions, I think that the bottom navigation bar is important. Even for galleries with few images per page, on mobile the grid can get very tall, and so for those visitors, I think having the bar at the bottom of the grid is a good thing.

      As for the copyright bit, there’s a bug in the Web module having to do with the © symbol, and until the folks at Lightroom HQ decide to fix it, I’m probably going to leave things as they are, rather than invite people to trigger a bug. I have submitted a bug fix request to Adobe, and we’ve talked about it. So I’m just keeping my fingers crossed we’ll have a fix at some future time.

      Thanks for your feedback!

  7. Hi Matt,

    Thanks so much for the 2014 HTML Gallery. Works perfectly in my initial tests.

    Two suggestions/requests:

    1) Add the option for file names to appear above or below grid images in a small font.

    2) In Grid settings > Images Per Page (Rounds Up), allow the maximum number of rows to be 500.

    Regards,

    John

    • CORRECTION:

      In my original message, I said “2) In Grid settings > Images Per Page (Rounds Up), allow the maximum number of rows to be 500.”

      I meant to say “… allow the maximum number of images to be 500 (or more).”

      John

Comments are closed.


CE4-Sidebar

The CE4 Web Publishing Suite

Welcome to The Turning Gate. Our plugins for Lightroom's Web module allow you to create mobile-friendly, fully responsive image galleries, websites, blog themes, shopping carts and more!

Learn more, or hit the shop!


Adobe_Community_Professional_badge


Got Questions?

Get answers in the support forum.

Find Your Order

Can't find your download? Look it up.

Need Web Hosting?

Get affordable, reliable, TTG-certified hosting with Bluehost.

Need a Logo?

We've partnered with an award-winning graphic designer and brand consultant to offer Branding Services to our users.


Get Email Updates

TTG Recommends

Bluehost

Lightroom Queen

Craft & Vision

chromasia photoshop tutorials

The Turning Gate receives a small portion of affiliate sales. This costs you nothing extra, but helps to support our work. Though compensated by affiliate relationships, The Turning Gate carefully chooses affiliates based upon the quality of services and products these entities provide to TTG users.