TTG Highslide Gallery Pro
TTG Highslide Gallery Pro 2.0 builds upon the success of previous versions, streamlining the process of creating your images galleries, while providing more features and greater ease of use than ever before. Being one of the most flexible, powerful and feature-rich web engines available for Lightroom, TTG Highslide Gallery Pro enables you to create beautiful image galleries to serve a variety of purposes.
Utilizing Torstein Hønsi’s popular Highslide JS presentation engine, TTG Highslide Gallery Pro creates beautiful thumbnail-based galleries with user-configurable slideshow capability. The engine includes the ability to create client proofing galleries with email submission of client selected images to the photographer, as well as several options for selling your images directly from your website, utilizing services such as Fotomoto, PayPal, FoxyCart or a proprietary PHP shopping cart system.
TTG Highslide Gallery Pro’s long list of features includes:
- Pro version: A proprietary PHP shopping cart allowing orders to be submitted without an online transaction; built-in support for calculating sales-tax, flat-rate shipping, foreign language localization and more.
- Pro version: A Paypal shopping cart.
- Pro version: Fotomoto integration, offering image ordering and fulfillment for prints and cards, licensing your images as digital downloads, community benefits and more.
- Pro version: FoxyCart integration.
- Pro version: Password protected galleries.
- Enable image selection and email submission features for client proofing galleries; includes a counter displaying the number of images selected.
- Geo-tagging images with GPS coordinates, integration with Google Maps.
- Pagination of large galleries.
- Edit Gallery Description text directly in Lightroom’s preview window by clicking on it.
- Highslide JS driven slideshows and viewing of large images.
- Auto Play slideshows.
- Image permalinks, allowing users to load specific images into the slideshow via URL.
- New, super-flexible page header with an all new look!
- A site navigation menu allowing an unlimited number of menu items.
- Search Engine Optimization features.
- Fully customizable colors, layout and behavior.
- Multiple presentation methods; display images in a slideshow, or enable “proofing mode” to allow side-by-side comparison of large rendition images.
- In all modes, image scaling to ensure that over-large images fit to the visitor’s browser window; view scaled images at actual size with the click of a button.
- Automatic color labeling from your Library (optional).
- BoxOver tool tips on thumbnails and other gallery components (optional).
- Form-to-Email powered delivery for proofing feedback; for web servers without PHP support, integration of Form-to-Email Remote.
- Enable or disable any element on the page, including the identity plate, menu, header, gallery description, footer and more.
- Support for TTG Auto Index and TTG Pages.
- Built-in support for Google Analytics.
- Built-in Cooliris support.
- Supports new watermarking options in Lightroom 3.
- Web-standards compliant XHTML and CSS.
- No Flash.
Version 2.0 includes many new features, including variable width spacing between items in the thumbnail grid, improved page footers, positionable dual image info bars, slideshow headings, more flexible control of captions, unobtrusive shopping cart controls, support for GPS geo-tagging of images and location integration with Google Maps, new safe-guards against simultaneously enabling conflicting options, support for image downloads and usage licensing through the Fotomoto service, multipage image galleries, general performance and usage improvements, and more.
Purchase
* The trial version is fully functional, but limits exported galleries to only 10 images.
By installing any purchased or downloaded web engine, plugin or template from The Turning Gate (TTG), You, the user, agree to the End User License Agreement. Make a point to read this document, as it contains important information regarding your purchase and your rights as a user, for which you will be held accountable.
System Requirements
TTG Highslide Gallery Pro requires Lightroom 2.4 or greater, and supports Lightroom 3 both Mac and Windows operating systems.
Password protection, client proofing, and PHP shopping cart features require a web server enabled with PHP 5.2.x or greater.
Windows users should have installed Internet Explorer 7 or above, even if using another web-browser as the system’s primary browser.
Highslide JS Licensing
TTG Highslide Gallery Pro relies heavily upon Torstein Hønsi’s HighSlide. HighSlide is not free for commercial use. Please read the HighSlide licensing information before using TTG Highslide Gallery Pro.
If you have previously purchased a Highslide license for another TTG gallery — TTG Highslide Gallery, TTG Client Response Gallery or TTG iPhone Portfolio — you’re already covered.
Overview of Usage and Setup
TTG Highslide Gallery Pro includes a vast array of options, the use of which should mostly become apparent once your go hands-on with the web engine in Lightroom’s Web module. Tips and instructions appear interspersed with the controls where necessary, and the additional information below should provide you a solid foundation on which to begin experimenting with the engine’s many possibilities. On topics for which expanded documentation or tutorials are available, links are provided to the relevant articles.
Integration with TTG Pages
By default, TTG Highslide Gallery Pro is preconfigured for use with TTG Pages, making it easy to quickly construct complete websites using only TTG web engines. Use TTG Pages to build your website with a Home page, About page, Gallery Index and Contact page. Use TTG Highslide Gallery Pro to create your image galleries. It’s the whole deal. By default, the menus are already setup to work together, so there’s no need to fuss with URLs. Just export your Highslide galleries, drop them into the /galleries/ folder created by TTG Pages and put it all online. It doesn’t get any easier!
Client Proofing Galleries
Client proofing galleries require the user to setup Form-to-Email services, using either the included PHP script or Form-to-Email Remote. Once setup, these features will allow you to create galleries from which clients may make image selections, then email a list of selections to an email address of the photographer’s choosing. When using the gallery’s password protection features in conjunction with the client proofing gallery, users should also change the “continue” target in the Form-to-Email script. By default, this is set to index.html; when using password protection, this should be changed to index.php.

The photographer will receive the file names of selected images as a comma-separated list in their email. Photographers using good file name conventions may then easily isolate the selected images in their Lightroom catalogs. In the Library module, access the Library Filter bar. Setup your Text filter for “Text | Filename | Contains”, then copy and paste the list of file names from the email into the text field, as pictured below.
![]()
The selected images will be isolated in the grid, allowing you to mark them using ratings, colors or flags, or to save them as a collection for processing.
Optionally, client proofing galleries may include a counter that displays the number of images currently selected, helping clients to keep track of their picks.
Client proofing galleries are incompatible with gallery pagination. Galleries spanning multiple pages will be reduced to a single page containing all images when client proofing features are enabled.
To use the client proofing gallery features, E-commerce Mode must be set to “none”.
E-Commerce Options
TTG Highslide Gallery Pro includes several e-commerce options, selectable via the E-Commerce Mode drop-list, located in the Appearance control pane. After selecting your preferred method of e-commerce, scroll down the control pane to complete the relevant configuration options.

Fotomoto Integration
Fotomoto is a new e-commerce platform for digital images, allowing photographers to sell images directly from their websites as prints and cards, or offer their images as high resolution downloads with usage licensing. The Fotomoto service also provides community benefits to help expose photographers to new audiences. Fotomoto takes care of everything for you, processing orders right on your website, processing payments, making prints (or other products based on your images) and shipping orders to the customers on your behalf. You have full control over which products to offer, and at what prices. And with Fotomoto handling ordering and fulfillment, you’re free to focus on image-making.
Fotomoto setup is easy. First, create and login to your Fotomoto account. In the menu, first select “Site” and then “Settings”. Under “Site Settings” select “Change”. From the drop-list for Extra Script/Template choose “TTG Highslide Gallery Pro”; save changes. Now, locate the label “To Add Fotomoto” and click the “site key” hyperlink to fetch your Site Key.
In Lightroom, set E-Commerce Mode to Fotomoto, then paste your site key into the Fotomoto options, here:

PHP Shopping Cart
The PHP shopping cart — formerly known as the “transactionless” cart — is a proprietary shopping cart that allows visitors to submit image purchase orders without having to pay online, leaving it up to the photographer when or how to collect payment. The cart supports the addition of flat-rate shipping to orders, the calculation of sales-tax, foreign language localization and more. To use the cart, set E-Commerce Mode to “PHP Cart”, then configure the cart outside of Lightroom according to the tutorial.
PayPal Shopping Cart
Setting up the Paypal shopping cart is fairly straight forward. TTG Highslide Gallery Pro provides entry fields for all the necessary information — your Paypal account email address, shipping costs, item descriptions and sale prices, and preferred currency. The product array supports up to ten items, as well as a secondary array of pricing modifiers — for paper types, framing options, etc. — which may be added to the cost of items as either a fixed amount or percentile increase.
For additional reading, I have posted a tutorial on configuring different types of PayPal shipping options.
FoxyCart Shopping Cart
Setting up FoxyCart is very similar to setting up a PayPal cart; the two carts share product arrays and many appearance controls. Users are required to setup a FoxyCart account and store via the FoxyCart website.
Global Pricing vs. Pricing for Individual Items
TTG Highslide Gallery Pro allows you to set prices for your images in one of two ways. Prices may be set globally, such that all images in your gallery are priced in a uniform way. Alternatively, images may be priced individually at different amounts via IPTC metadata. For more information on these features, please see the TTG Highslide Gallery Pro 1.9 Feature Overview.
Tips for Touch-Screens
For the most part, TTG Highslide Gallery Pro galleries work well on touch-screen devices like Apple’s iPad. It’s important to keep in mind, however, that the gallery was designed prior to the announcement or release of the iPad, and with mouse-driven interfaces — not touch-screens — in mind. To provide the best user experience on the iPad, a few tips:
- Disable BoxOver Tooltips.
- Use Highslide Mode: Slideshow, rather than Highslide Mode: Proofing.
- In Highslide Mode: Slideshow, set Control Type to Icons, Relative to Viewport, as these are easiest to use on a touch-screen.
Otherwise, Highslide galleries fare pretty well on the iPad. Even the shopping carts function as they should.
Changelog
- v2.0.6 ( in development )
- Updated Highslide JS to version 4.1.9.
- v2.0.5 ( 2010-07-07 )
- New feature: Built-in password protection.
- Added links to documentation and tutorials within the interface.
- v2.0.4 ( unreleased; rolled into 2.0.5 )
- Fixed bug: Selection Counter now works in IE when using Client Proofing Gallery features.
- Fixed bug: Slideshow thumbnail borders were inheriting grid thumbnail attributes in exported galleries.
- Fixed bug: phpinfo() now works in PHP shopping cart again, after being broken in a previous update. Debugging options now included in index.php, and no longer in config.php.
- Improvement: In most browsers, Continue Shopping button in PHP cart now returns user to previous page, rather than to the first page of the gallery.
- v2.0.3 ( 2010-06-18 )
- Changed Fotomoto implementation; galleries now lean more heavily on your Fotomoto account settings, requiring less setup within LR and allowing greater flexibility for output galleries.
- Recoded image captions for cleaner styling and better Fotomoto integration.
- Improved cart calculations for Paypal, FoxyCart and PHP shopping carts.
- Allow image resizing when using Highslide Mode: Proofing.
- v2.0.2 ( unreleased; rolled into 2.0.3 )
- Added option to disable right-click.
- Added Font-style option for Menu Settings.
- Added Text-transform option for slideshow text controls.
- Added new sliders for the Selection Counter when using the Client Proofing Gallery features; sliders allow adjustment of counter position and width.
- Added two new options for slideshow control layout.
- Support for specifying languages other than English in the <html> tag; if your language is not included and you’d like to see it in an update, let me know!
- Duplicate controls for Thumbnail Width, Height and Columns now appear in the Grid Appearance control group, which seems to be the most relevant place for them. The same controls still reside in the traditional place in the Output Settings control pane as well.
- Moved the Grid Measurement check-box to reside in the Grid Appearance control group.
- Footer can now be unstuck from the bottom of the page, allowing it to float just below page content as it used to.
- Formatting fix for price display when using Individual Item Pricing in PayPal, FoxyCart and PHP-based shopping carts.
- UI adjustments.
- CSS tweaks for templating purposes.
- Lua tweaks.
- Fixed a margin related CSS error affecting the gallery description.
- Fixed a CSS conflict causing captions to ignore user defined font-families.
- v2.0.1 ( 2010-04-17 )
- Added a slider to E-Commerce options to control how long the cart persists after mouseout; cart may be set to persist for 0.5 to 5 seconds before disappearing.
- Fixes to the footer and cart relating to layout and browser compatibility.
- Additional fool-proofing to prevent simultaneous enabling of conflicting features.
- EULA now linked to from within the web engine control panel.
- v2.0 ( 2010-03-27 )
- Total overhaul; see press release.
- v1.9.5 ( 2010-03-27 )
- Removed Fotomoto support. The 1.x series has used a preliminary version of the Fotomoto API which will no longer be supported by the service in the future; Fotomoto users must upgrade to the 2.x series, which uses the new API.
- Fixed centering issues in Inline Slideshow modes.
- Lua optimizations.
- v1.9.4 ( 2010-01-31 )
- Fixes critical bug causing unresponsiveness of engine in LR2/Win.
- Added support for sales tax to transactionless cart.
- v1.9.3 ( 2010-01-25 )
- Fixed a Javascript error.
- Added decimal support to two places for transactionless shopping cart.
- Added separate hyperlink color options for captions, located in the Caption Extras controls.
- Added
onDimmerClickoption to Slideshow Mode; controls where or not large images close when the dimmer area is clicked during a slideshow. - Changed handling of Google Analytics. Now requires only your Web Property ID (UA-xxxxxx-x), rather than the entire block of Javascript.
- Because scripts can no longer be cheated into the Google Analytics entry field as before, I’ve added a new Advanced Options control group to the Output Settings control pane. There are three input fields: Add CSS rules in , Add script to and Add script before . CSS rules are visible in preview, while the scripts are only added when the gallery is published (exported, or previewed in browser) to prevent any possible Lightroom tantrums.
- Added a new
#wrapperDIV to the source code that allows for new custom styling possibilities. - Source code for Lightroom’s preview onclick events now prevented from exporting, resulting in cleaner code that IE8 should no longer bitch about.
- Some tweaks under the hood.
- v1.9.2 ( 2010-01-10 )
- Cooliris Title and Description now have dedicated controls in the Image Info pane.
- Cooliris links now take advantage of the new permalink support for images.
- Fixed a bug that slipped into the menu in 1.9.1.
- v1.9.1 ( 2010-01-05 )
- Improvements to the transactionless cart, including new debugging options.
- Added permalink support for accessing specific images via URL, e.g. http://www.domain.com/gallery/?autoload=Image_Filename. When writing URLs, do not include the image file extension; use ‘image’, not ‘image.jpg’.
- New “Caption Extras” control area for adding Download Image and Permalink hyperlinks to image captions. This is a revision and expansion of the “Download Image” control area added in v1.9.
- New option to position the header/identity plate beneath the menu.
- New
border-bottomoptions for the header/identity plate. - New
text-decorationoptions for Hyperlinks and Menu Links. - Increased large image-size range to a maximum 15,000 pixels.
- Fixed bug in Cooliris captions; now takes IPTC data source from
<img alt=in the Image Info control pane. - v1.9 ( 2009-12-11 )
- New proprietary shopping cart system, without online transactions. Requires PHP.
- Added “Download Image” links; not an e-commerce option.
- PayPal language codes now supported.
- Added individual item pricing for PayPal / FoxyCart shopping carts; set item prices for each image in metadata, then access via Image Info pane.
- Added a favicon.
- Slideshow mode dimming slider now has a minimum value of 0 and a maximum of 100, owing to new underlying math that allows these values to work.
- Fixed a newly discovered bug affecting background-color of North/South Inline Slideshow layouts.
- New color controls for shopping cart drop-lists.
- Revised value ranges for thumbnail size and fixed width header sliders.
- v1.8 ( 2009-11-03 )
- Updated to Highslide JS 4.1.8.
- Fixed border for Gallery Description image; was inadvertently broken from 1.6 update.
- Set max-width for shopping cart <select> elements; prevents shopping select lists from overflowing grid.
- More improvements and fixes to Inline Slideshow mode.
- Added an Inline Slideshow, West layout option.
- Added control sliders for Tooltip font-size and width.
- Increased maximum number of images allowed per single gallery; limit now set at 10,000 images (I do not recommend creating galleries so large).
- UI Changes: Swapped location of ID Plate settings with Header/Page Settings; seems to make better sense in regard to workflow.
- Structural optimizations.
- Tested various configurations for XHTML validation. All configurations should now validate XHTML/Strict, except PayPal Shopping Carts, which validate XHTML/Transitional.
- v1.7 (2009-10-06)
- Taking a cue from Timothy Armes, font stack presets are now built in, though font stacks remain user editable.
- Reorganized controls to better facilitate top-to-bottom workflow in creating gallery; lots moved, but nothing missing.
- Javascript enhancements.
- Selection counter text can now be customized using three input fields for “image”, “s” and “selected”.
- Updated Highslide JS to version 4.1.7.
- Slideshow buttons can now be styled.
- v1.6 (2009-09-11)
- Menu Items now preset for use with TTG Pages 3.0.
- Updated contact form to be more consistent with features introduced in TTG Pages 3.0.
- Added some new styling options and tweaked some CSS for consistency with TTG Pages 3.0.
- New templates to match those provided in TTG Pages 3.0.
- Fixed CSS bug affecting particular header configurations.
- Fixed IE8 bug in check-box counter.
- Lost the divider line in the gallery description as it just didn’t seem to fit the design, and caused bizarre spacing issues when made “invisible”. I hope no one misses it, but shout at me if you do.
- v1.51 (2009-08-27)
- Form-to-Email Remote support.
- UI changes.
- CSS improvements and fixes.
- v1.5 (2009-08-19)
- FoxyCart shopping cart integration.
- Slideshow mode: Actual Size (1:1) button can now be disabled.
- Slideshow mode: Architectural changes made to slideshow buttons to allow Actual Size button removal.
- Slideshow and Proofing modes: Option to set caption alignment justify, left, right or center.
- Fixed some Fotomoto CSS conflicts.
- Round corner options for on-page box elements; only shows in web browsers supporting CSS3 corners.
- Replaced Mootools Javascript library with JQuery.
- New JQuery checkbox replacement for selection galleries.
- New JQuery checkbox counter, for tallying and displaying the number of images “checked” in a selection gallery.
- New JQuery elastic textarea for selection gallery comments form.
- Fixed some validation errors that crept in during updates.
- Minor UI adjustments.
- v1.41 (2009-08-09)
- Support for Fotomoto’s new card products — sell greeting cards, flat cards and postcards through Fotomoto!
- Improved form validation for Selection Gallery.
- Fixed form compatibility for Form-to-Email Pro.
- Improved handling/protection of Highslide license.
- Fixed bug that prevented text customization for ‘Close’ button in Slideshow mode.
- Added capability to enable/disable individually Fotomoto “Buy Print” and “Send E-card” buttons.
- Fixed IE bug for View Cart button width.
- Package includes a modified Form-to-Email script and readme file for use on Yahoo Small Business accounts.
- v1.4 (2009-07-26)
- Paypal Shopping Cart: Maximum number of options raised from five to ten.
- Paypal Shopping Cart: Added a second array for products, wherein modifications and price adjustments can be specified for services such as finishing, framing, etc.
- Paypal Shopping Cart: Second array price adjustments can be added to the total price at a fixed rate, or as a percentage increase.
- Paypal Shopping Cart: Fixed shopping cart scripting bug related to enabling/disabling options from the product array.
- New Selection gallery form: all new code, additional styling options, Telephone and Website fields (optional), custom field labels; form validation (Name, Email and Telephone are required fields, Website optional).
- Optional Close button corner overlay in Slideshow and Proofing modes.
- Option to make caption background transparent.
- v1.3 (2009-07-23)
- First release of TTG Highslide Gallery Pro.
{ 9 trackbacks }
{ 508 comments… read them below or add one }
← Previous Comments
Hi Matt,
I have set up Paypal shopping cart with global pricing. Everything works fine under Mozilla Firefox, BUT something remains KO with IE 8 : using this web browser, the price list does not extend in order to show the whole heading (for instance : “30×30 cm fine art – € 1” instead of “30×30 cm fine art – € 180”). As a consequence, the prices are not shown…
Besides (again, in IE 8), the “Add to cart” (“Ajouter”) button is not centered, it is moved to the left. You may check at : http://www.ilesgalapagos.fr/vente/1×1/.
I have updated from TTG Highslide Gallery pro v2.0.3 to v2.0.5, yet the problem remains. Is that a bug or have I missed something ? Again, everything is OK under Mozilla Firefox.
Thanks for the help.
Hi,just tried the demo ,really great,just one thing, i can move photo off the homepage to my desktop ,is this also so with a registered program?Iam concerned that my images can be used without any one having paid for them ,so it would be good that images can.t be moved.Thanks Ludwig
Matt,
Just so you know–I’ve contacted Fotomoto about this.
I moved my blog (not the main gallery) to Squarespace because I didn’t like the Joomla blog my ISP provided. As it turns out, Fotomoto now supports Squarespace so I want to add this feature to photos I post there as well.
I’m supposed to find the code in my Fotomoto setting and then paste into Squarespace but instead I only find the “store id number.” Presumably you have taken care of that code for me but now I don’t know how to find it for injection on Squarespace.
Hopefully Fotomoto has an answer.
John
Just change your Fotomoto account setting telling it which service you’re using. Set it to Squarespace to get the code you need. Your TTG galleries will still work.
Is there a way of having a pick up option for clients that wanna pick up there prints?
Im loving the software BTW
Thanks
JJ
I think they’ll just need to specify pick-up via the comment field. If you’re using the PayPal cart, you can probably setup a pick-up shipping option in your account. There’s a tutorial on that here on the site.
Matt,
I did as you said and Squarespace works fine, however, my TTG gallery doesn’t. The Fotomoto menu is there but when a choice is made its tries to load up but just keeps spinning …??
John
johnagon.com
I think I should have added another Fotomoto site rather than change the TTG setting to Squarespace. When a try to create a new site to restore the TTG setting I get a dialog that says there already exists a johnagon.com site. I sent them a ticket to see if they can help — I don’t really want to upload all my TTG stuff again.
John
Problem solved.
Fotomoto re-set my original TTG site then I added Squarespace as a new site and everything is cool.
Make sure people know that you need to create a new site in Fotomoto for each URL and not change the TTG settings which need to remain as is.
John
RE: the password protect function in HSPro:
the redirect after submitting a comment needs to be edited in the form to mail PHP form.
the code as is send back to
index.html.
this needs to be changed to
index.php
for the HSPro gallery
I edited the form to mail php doc in the engine after discovering this and all subsequent renderings of galleries work beautifully.
thank for all your terrific work Matt!
Clayton
A very good point! I should make note of it in the documentation, I suppose.
Hi,
Ran the demo and I like what I see. Planning on getting the full version. Noticed the photos are exported in 240 dpi. Is the script using a LR preset for export? Or how can I change for it to export in 96 dpi. I’d like this to prevent anyone from stealing the photos to print them.
1. It’s not dpi; it’s ppi — pixels per inch.
2. No, it cannot be changed. The web module exports everything at 240ppi.
3. It doesn’t matter at all. 600 pixels at 96ppi is the exact same resolution as 600 pixels at 240ppi. 600 pixels = 600 pixels, period.
Me again,
I noticed also that dragging an image from a page to the desktop actually saves it!
Anything can be done about this?
Thanks
Not a thing. Them’s the breaks on the Internets.
Just started using the Hillslide Pro and am in process of building a gallery. When working in LR3 on Mac, I am trying to set up proofing gallery using Hillslide Pro, but when I check the box to turn on proofing gallery, the change doesnt update. (The green checkmarks and red X’s never appear) The Response pane also does not appear. What am I missing?
Do I need to make some adjustments for this feature to work?
Please make sure E-commerce Mode is set to “none”, as shopping carts with override the client proofing options.
Perfect, Thanks. So its an either/or?. Gotcha!
Hi,
Getting better understanding of the script as I use it. I’d like to know how to index a gallery that as multiple galleries inside.
← Previous Comments