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.7 ( 2010-08-29 )
- Updated FoxyCart support for the recently updated FoxyCart 0.7.0.
- Updated Google Analytics support.
- Fixed compatibility issues regarding shopping cart <select> boxes. Internet Explorer’s special needs are now met, and other browsers don’t have to look like crap.
- Undid the 2.0.6 change to the password protection script, as it has caused problems for some users.
- Additional debugging.
- v2.0.6 ( 2010-08-21 )
- Updated Highslide JS to version 4.1.9.
- PHP Shopping Cart order emails can now be set either to “Normal” or “Compact” view. Compact view condenses order information to take up less space for printing.
- Removed width constraint from product select boxes when using carts because Internet Explorer sucks.
- Additional corrections and minor performance improvements to the PHP Cart.
- Small fix to password protection script.
- All engine files now explicitly forced into UTF-8 encoding; galleries should behave better with non-English and other “unusual” characters, such as currency symbols and the like.
- Added alternative gallery layout for viewing on mobile devices; some gallery features — shopping carts, info bars, captions, etc. — disabled in mobile mode.
- Added Zoom Level slider for Google Maps.
- 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 }
{ 570 comments… read them below or add one }
← Previous Comments
In requirements you have:
“Windows users should have installed Internet Explorer 7 or above, even if using another web-browser as the system’s primary browser.”
Does this apply just while creating the site, or does it apply to users of the site too?
Just in creating, though I make no particular efforts to support IE6 any longer.
Thanks. I was more concerned about people using other browsers who hadn’t updated IE6 than people still using IE6 as their main browser.
Ah, not an issue then. Lightroom uses your system’s default browser to render previews, so IE on Windows and Safari on Mac. Once it’s out on the web, this is no longer an issue.
Hello,
I would like to add a favicon (an animated gif) to ttg pages. Is it possible?
There’s already this in the html code:
Can I replace it, or just paste my script nearby?
(my script: … I’m not sure of it…)
Thanks for your help!
Hello,
I would like to add a favicon (an animated gif) to ttg pages. Is it possible?
There’s already this in the html code:
link rel=”stylesheet” type=”text/css” media=”screen” href=”./resources/css/gallery.css” /
Can I replace it, or just paste my script nearby?
(my script: link rel=”icon” href=”/resources/images/animated_favicon1.gif” type=”image/gif” … I’m not sure of it…)
Thanks for your help!
I’ve done it, it’s ok.
The gif is just missing in the galleryindex.php file, but I don’t know where to place it.
Don’t worry anyway: I’ll find!
Thanks for all your work!
I cannot seem to find a way to make the filename at the bottom of each picture when using the fotomoto cart (or php for that matter). Is this possible and if so, how?
Use the Image Info control pane to pull metadata (including file names) for all supported locations on the page.
Hi Matt,
I am having a problem with the shopping cart. I am getting the following error. I have tried to follow the tutorial but am unable to sort out what is wrong. Thanks
Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /homepages/6/d91787951/htdocs/galleries/note cards/cart/ShoppingCart.php on line 5
You’re running an outdated version of PHP. Please contact your host about upgrading your server to a more current version.
I have a website set up and have put galleries into the gallery index with no problem. I added a gallery last night (titled Austen) and have noticed that on my friends computers it does not show up. I can get to it if I type it in the url and go directly to the page but it does not show up in my index. The computers that I have checked are using Internet Explorer and I have not checked other browser however I really need it to work on Explorer for those people who use it. Do you know what this is occurring. Oh, I don’t know if it matters but I built the gallery with highslide pro but it is not the newest version of pages.
I need the URLs of both your gallery index and the gallery that is not appearing.
Hello,
))
is there any way to make existing Highslide gallery to point to another css document?
E.g. I have a css style sheet that changes the look of the Highslide menus. If I generate the highslide gallery (again) from the lightroom it points to the default css in it’s folder and the I have to manually change the path. How do I change (in lightroom) the css it points to? Is there any custom code I can enter in LR?
thank you
Easiest way is to paste the additional CSS into the Output Settings, Advanced Options, Custom CSS field.
Does that override the current settings?
If you code it properly.
Good process is to export gallery without modification, look at the exported code, write your CSS, then return to the Web module to paste your CSS into your template, save with the Template Browser so it’s there the next time.
Thank you for the reply. It was helpful.
I’m getting a wierd effect when outputting a gallery from a machine running windows 7 compared with outputting the same thing from a machine running XP when using the proofing mode and form to email. XP produces a gallery that runs as expected but win 7 on sending the form gives an ‘Internal Server Error’ message. the non-working gallery is at http://www.peternoyce.com/clients/test3/
Any thoughts?
That is peculiar. You say galleries produced from the XP machine are sending properly from that same web server? Can you point me to a functioning gallery?
If this is the case, the easiest solution may just be to keep a copy of the FormToEmail.php on-hand that you can swap into exported galleries. Otherwise, can you please zip up the problematic, exported FormToEmail.php file and email it to me so that I can see whether it checks out?
OK Hands up my fault – it usually is – dead laptop resulted in a quick replacement hence win 7 and I missed the ‘put your email address in formtoemail having copied over the template from the XP Machine – I blame it on the small screen… Thanks for your quick response.
Regards Peter
Hello, I have a question regarding Highslide: how do I update the gallery if I want to add new photos to it? Do I have to generate everything again from the Lightroom or is there any other way?
Thanks,
Lidija
Load photos again in Lightroom; if you saved a template previously (hopefully, you did) use it to reload your configuration. Export again.
Yes of course. I save all the templates I make. But I was hoping there was some simpler way to do it but to upload all the files again. Thanks!
I have a client that can’t see the gallery or the auto index page. They tell me that it appears for a few seconds only. I’m sure this is due to restrictions their IT department set on their browsers not to your software but can you make a guess at what they would need to allow to see the gallery so I can pass it on.
Thanks
Peter
No idea. I don’t have a clue what IT guys do to block sites.
I’ve just created the above-noted site for a client, using Simpleviewer and TTG Stage. We are considering Highslide Gallery Pro for a shopping cart. The description of Gallery Pro says “Utilizing Torstein Hønsi’s popular Highslide JS presentation engine…”
My question is: Will Highslide Gallery Pro interface directly with LR, Simpleviewer and TTG Stage, or will I need to recreate the site using Highslide JS?
Thanks.
I’m not sure I fully understand the question, but here’s the answer I think you’re looking for. TTG Highslide Gallery Pro produces standalone image galleries which are independent of TTG Stage and Simpleviewer. It functions completely out of Lightroom, and interfaces with TTG Pages and TTG Auto Index. You can download the demo to spend some hands-on time with the web engine before purchasing.
OK, I’ll try out the demo. Is it necessary to use TTG Pages and Auto Index or will LR and Highslide Gallery Pro fully create the functional pages? This site will not be offering stock photos to the public, only private photos for review and purchase by private clients, so he will be sending a link to each client to view and conduct online transactions for the photos they choose to purchase. I’m now thinking it doesn’t really need to interface with the public Stage/Simpleviewer pages anyway, but could just be a separate hidden section on his domain. Does that make sense?
Thanks again.
Like I said, TTG Highslide Gallery Pro produces standalone, independent image galleries.
TTG Auto Index can be used to create index pages for multiple galleries, making them accessible from a single location.
TTG Pages is used to create pages for a website. Sounds like you should probably give this article a read.
Hello Matt,
I have to create galleries to sell pictures to my client. Can I use my bank shopping card system inside TTG HGP?
Shopping cart services offered by TTG Highslide Gallery Pro are clearly outlined in the product documentation above. The gallery does not interface with other cart systems for which it is not designed.
Ok, sorry, I was not sure and my english is not that good!
Ihave a question about the paypal setup. As I am starting to offer more products I am wondering if the secondary array can act as a secondary list. For example the first set of options I have traditional prints and would like the second array to be my canvas and acrylic prints but right now that secondary is tied to the first set. Anyway this can act independently?
thanks
eric may
No, it’s not possible. The second array is designed as a pricing modifier to be applied to the primary array of products. Also, PayPal itself only supports up to 10 items.
let me first say that was fast for answering my question. I have been using your galleries for a long time and just want to say thanks. Now Onto the topic. So paypal only allows 10 items. So my only option then is the foxycart? The fotomoto wants to print from their stuff and I would rather use the vendors that I found found that I am loyal too. and it seems the php cart is above my knowledge on how to set that up.
thanks again
eric
It’s not really difficult to setup. The many options are mostly there for flexibility, rather than complication. Did you see the PHP cart setup tutorial?
This is not really true. If the first item in the first array is set to $0, then the second array can be used for an entirely new list of items. I do exactly this in many of my galleries where the first array is used for individual print pricing while the second array is used for package pricing.
The first item in my first array is called “Print Pricing” at $0, and the first item in my second array is called “Package Pricing” also at $0. This method works very well.
A fine example of users teaching me new things about my own software. I’d never even thought of using the cart in such a way!
Hi Matthew,
a couple of questions if I may;
1) what is the best way to integrate the galleries with a wordpress menu structure?
2) what is the best way of password protecting the galleries – something similar to how wordpress protects a page would be fine.
Many thanks
oh! and a third – any plans for a wordpress plugin?
Cheers
David
Hi David,
1) Setup your Wordpress blog and Lightroom galleries in separate locations on your web server, using either folders or subdomains. Create hyperlinks from each to the other.
2) Search “password protect” using my site search bar. There are several articles addressing this topic.
At present, I am not working on a Wordpress plugin.
Cheers,
Matt
Thanks Matt,
On the issue of password protecting I’ve spent the last 2 days researching this and I think .htaccess is the best way forward.
Now I’m one of these people who have always glazed over with mention of .htaccess – it seemed to be one of those webmaster black arts! However after some trial and error it’s acutally pretty easy and would recommend it. My main problem was that the URL re-write in the wordpress root meant i had to put the gallery into a subdomain. but it works wonderfully with little hassle.
A couple of resources I’d like to share:
http://www.tools.dynamicdrive.com/password/ is a great little tool which painlessly creates the code for your .htaccess and .htpasswd files.
http://www.elated.com/articles/password-protecting-your-pages-with-htaccess/ which has the clearest explanation I found about how to implement .htaccess – hey even I managed it!
Regards
David
Thanks, David. Good info to have.
hello Matt, i guess something i’m doing all wrong. when you navigate into a gallery and click the galley button again there’s an error page, any ideas why? thanks
Yeah, stop changing the menu hyperlinks; they’re already setup properly to work with TTG Pages. And in the case of this gallery, double-check your URLs and make sure you’re spelling your words correctly.
Hello,
is there any way to disable right-click in Highslide gallery?
Thanks!
Lidija
Hi, I’ve been using client response gallery 1 and 2 for a couple of years now. I like the way you can use the watermarking feature of Lightroom 3 in the Highslide gallery. However, I can’t figure out if it’s possible to give comments per image, as you can in Client Response gallery, and which I always use.
Or will it be possible to use the watermarking feature of Lightroom 3 in Client Response Gallery soon? Thanks. Steven
Can’t do comments per image in Highslide gallery. Updates to the Client Response Gallery are near the top of my to-do list, but no ETA yet.
Hi Matt,
I love your new tutorials. I have a question about the input font size when using the form to email shopping cart. The input font on the contact form is fine but the fonts on the form to email is very small. Is there any way to increase the font size to match the one on the contact form?
Thanks,
Richard
PHP Cart. Calling it a “form-to-email cart” implies functional dependencies that don’t exist.
Also, I’m not at all certain what component you’re referring to by “the fonts on the form to email” … ?
Sorry I wasn’t clear. Please look at my website. On the contact page when inputting information the font is one size. When you are in the Note Card gallery and a card is ordered, the font size is very small when information is entered in the form. I would like to have the font size to be larger when entering the ordering information. I hope this is more clear.
Thanks
Richard
hi Matt –
Is there a demonstration available of Highslide Gallery Pro, with Foxycart as the ecommerce? The Fotomoto demo looks great, but 15% is high.
Thanks.
At the moment, not for version 2.0. There is a FoxyCart demonstration for version 1.9 of the Highslide gallery, though. The FoxyCart integration is the same, so just picture the shopping cart using the new shopping cart design in 2.0 … and one of these days, I will eventually be putting together a complete collection of demonstrations for 2.0. I’ve just been waiting until the bug and feature requests are dealt with, which should be the case after 2.0.2 is released.
After playing around with the demo of Highslide Gallery Pro I have a one big question for you:
1. Why doesn’t the gallery create multiple pages like all the other html based galleries out there? I would prefer having no more than 30 photos per page. My wedding galleries are typically 400 – 800 photos per gallery. That a lot of photos to be loaded on one page.
If there is a feature that I have missed which allows this to happen, please let me know.
I think I should clarify further…
I wish to use the paypal feature and have multiple pages. In your video tutorial I can clearly see that having multiple pages is an option however I think their may be differences between the 1.9.4 demo and the version you used to create the tutorials with. There simply isn’t a features listed under “Appearance” in the demo called “Client Proofing Gallery set up”. “enable selected gallery” is the closest thing yet when it is unchecked I am still unable to have multiple pages.
I look forward to your response. I need to make a purchase decision soon.
Multiple pages are supported in versions after 2.0. You will need to download the new version to utilize the feature.
Is there any way that you could update the demo to the latest version so I can examine the new feature? The demo I downloaded this morning was version 1.9.4.
I don’t know where you’re getting your demo from, the the version currently supplied from this page is up-to-date.
I’m not sure either but Its working now. I appreciate your quick response. Thanks!
Hi Matt:
I have been an avid, if very amateur, user of your templates and engines since many earlier iterations. My problem; I have created a web site using output from Pages and Highslide Gallery Pro. I am now using a new Mac and have installed Gallery Pro and Pages but when I try and use one of my user templates copied over from my old Mac, I get a LR message “The template can not be applied, because the web gallery (id=‘net.theturninggate.web.pages’) is missing. Please install that web gallery and then try again.”
I dont know how to proceed. Any help appreciated.
If you have TTG Pages installed correctly, then your template should work. Without being hands-on with the machine, there’s nothing more I can tell you. The TTG Pages web engine should be installed into your Web Galleries folder, and your templates into the Web Templates folder.
Matt:
Figured it out. As I have upgraded Highslide Gallery and Pages at various times, there were a number of earlier versions of all the TTG Highslide Gallery programs. When I installed to the new Mac, I only installed the latest versions of the TTG programs. This is the cause of the problem; my customized user Gallery Master and Pages Master were evidently built with an earlier version of the TTG modules. There doesn’t appear to be upward/backward compatibility so that the user-built galleries that I was trying to use needed an earlier version of the TTG program to work.
Does that mean that each time I upgrade a TTG module I need to rebuild my custom galleries and templates or to ask it a different way, does that mean that when I assume that the latest TTG version is controlling the output of a custom gallery it is in fact the version of the TTG program that continues to be implemented?
Look forward to understanding this better.
No, that shouldn’t have been the issue.
FWIW: I have run into (I think) the same issue with TTG Highslide Pro. I just bought a new Mac, and upgraded to LR3. I had copied my User Template from my old machine (built with 2.0 RC) and just dropped everything into LR3 on the new Mac, however I am getting, “The template can not be applied, because the web gallery (id=’net.theturninggate.web.Highslide.pro’) is missing. Please install that web gallery and then try again.”
TTG Highslide Gallery Pro 2.0 is already installed. Is this a naming issue?
Hi Matt, I found your site through the Photographer’s Toolkit and am interested in adding a gallery/slideshow to an existing website just like the one you have shown as an example with the black and white photographs called Inline Sideshow Mode. I downloaded the trial version of the TTG Highslide Gallery Pro and have been unable to find that style of layout or thumbnail positioning. Is this a separate purchase or would it be available once a payment has been made? Before I make the purchase I would like to make sure that I would be able to make a gallery in that Inline Slideshow Mode style, the closest I have been able to create is similar to the Slideshow Mode.
All the best,
Clare
Hi Clare,
The inline slideshow mode has been discontinued as of TTG Highslide Gallery 2.0. There are a number of reasons for this. A similar web engine is in the works, though, which I believe handles this type of image presentation better. Please keep an eye on my news feed in coming weeks for the release.
Hello,
I have a problem. Ever since I updated Highslide to version 2, the preview of the galleries (web page) in Lightroom are misplaced. When I export and preview it in a browser, everything is ok, but Lightroom cannot seem to show it well. Footer is on the right, menu bar on the left nad not 100% of the width, only the thumbnails are ok. It also has some issues with refreshing when I change something, e.g. if I change the name of the link in the main menu, it doesn’t refresh in the footer menu, but it shows well in the browser. What could be the problem? LR version is 2.6, but it used to be the same in 2.5 version too. Here is the screenshot of the LR preview: http://lidijazizic.com/wp-content/gallery/Highslide.jpg
Please make sure you are using the current version of the gallery.
I’m using 2.0 version.
… Which includes a footer bug affecting only Internet Explorer, which is fixed in the latest version 2.0.1, which I suggested you upgrade to in my previous message.
Possible Bug? When uploading a gallery last night, no Watermark even though the check box was check. Also noticed no refreshing as new data entered.
Thanks,
Tom
If you’re using the standard “simple” watermark, you need to have information in the copyright metadata for each image to be used as watermark text.
Does the shopping cart allow for realtime size pricing or are the a fixed size prizing.
for example: I know my image wont scale to 8×10 so why sell and 8×10? but what I do know is that I need to scale a 4×6 to 13x? where ? = 19.5 so the image would scale to 13×19.5. Now i am selling images on various media (canvas, cheap paper,excellent paper) The price is base on media type and is sold by the square inch $.15, $.7, $.10 Since I know my print size scales is now 19×19.5 or 253.5 square inches on excellent paper the image would sell for $25.35. Provisions for boarders would also have to be taken into account.
Do you offer anything like that for sales?
Prices are fixed, and you’re able to apply modifiers. You should setup your sizes and prices in the first array. You can then use the second product array to apply price modifiers as either a fixed amount or a percentage for media type, framing, etc.
Matt,
I’m having issues with my ISP (netfirms) and thinking of changing. I sent this to another provider to see if my Lightroom/TTG/Fotomoto set-up will continue working. Can you comment on whether this means it will or won’t? Thanks so much as I need to be sure before changing.
Thanks for your interest in Squarespace.
My gallery site is created in Lightroom with a TurningGate plug-in and this uses a java piece that installs the ability to order prints from Fotomoto for anything in my gallery. Would this still work on your site?
You can add any third party solution that offers direct embed HTML. — Click the cog icon within the editor and paste code directly within the pop-up menu.
Also, I would need to migrate the content of a relatively small Joomla 1.5 blog. I don’t know if you have a script for this or if I’d do it manually?
If you’re able to export your blog in Moveable Type .xml (standard), then you can use the MT importer within Squarespace to import via file:
http://manual.squarespace.com/publishing-editing-content/importing-movable-type-entries.html
Of course I need to move my domain name johnagon.com from Netfirms (just migrated my site and broke my blog formatting but refuse to fix it!) to you which I assume should be no problem?
Essentially, you’ll need to create a pointer within your provider’s interface to point the domain to us. We’ve got a guide for doing this, as well as some illustrated guides for a few popular registrars, here:
http://manual.squarespace.com/domain-setup/
Please let me know if you need more help
–
Stephen Parker
Squarespace, Inc.
http://www.squarespace.com
Squarespace offers a very cool blogging service, but they are not a web host. When you’re on Squarespace, you’re meant to use Squarespace’s tools. They would be a poor choice for hosting your Lightroom generated galleries.
I suggest a more traditional hosting service, such as that provided by http://www.media temple.net or http://www.1and1.com.
I’ve slogged through quite a bit of the code under Gallery Index, nice feature but for this: after the home page loads, clicking Gallery Index on the menu produces a blank page. clicking on it 3-4 more times finally loads the Gallery Index page. If I wait a few minutes after the home page loads before clicking Gallery Index then the Gallery index page loads on 1 click. Should I maybe be adding some preload code somewhere, or did I bugger something up creating the galleries that gallery index loads? Beautiful job on all of this by the way. Saved me a ton of work. The e-commerce creation is especially nice!
I’m not having any issues at all accessing your gallery index page. Btw, there’s a typo on your About page.
I previously used the Demo version of the pre 2.0 version of TTG Highslide Pro. In that version I was able to seup both a Client Selection Gallery and a Paypal shopping cart at the same time. This is a useful function for me as some clients want to submit selections and then review their options with me prior to ordering, while others are ready to order immediately.
Since upgrading to TTG HS Pro 2.01 the Selection Gallery is immediately disabled when a shopping cart is enabled. Is this by design or is there a way that I can turn both on at the same time?
It’s by design. I had never intended users to use those features simultaneously, as some feature combinations result in completely broken, dysfunctional galleries, and/or galleries that are confusing to the visitor. I have implemented a number of measures in v2.x to disallow potentially conflicting functions and/or interfaces from being enabled simultaneously.
Hmmm. Is there an easy way to turn it back on, or is it buried in the encrypted part of the code?
Buried!
This is how I use my galleries also. One array is setup for traditional prints and the other “secondary array” is my speciality products like canvas prints. I also figured out that labeling the array and setting that to 0 allows me to manipulate this to my needs. It isn’t ideal but it works.
Hi Matt
I’ve found some weird behaviour by expanding an gallery image with Safari 5 – In some cases the animation don’t expand the bigger image, the animation shrink and no image is displayed.
Both, the miniature and the bigger image are in place – firefox is no problem. In Safari 5, the effect is randomly different, sometimes everything is ok, sometimes not…
Do you know this effect? Is this a highslide problem?
Thanks, Christian
Could be a Javascript interpretation bug in Safari 5. I’ve not yet been able to experience the problem using Safari.
Just purchase this piece of software, and it’s perfect for my needs. Thanks.
The ‘disable right click’ feature of the new version works on Internet Explorer, but not on Firefox.
Kris.
Glad to hear the gallery suits your needs. I use Firefox as my primary browser and find the disabled right-click script to be working just fine.
Not on mine it doesn’t. Firefox keeps the right click enabled.
Perhaps another bug – screen darkening when viewing an enlarged image does work with Firefox, but does not darken with IE. Both FF and IE are latest versions.
Its minor though. I aint too worried.
Hello,
I am very interresting by your galerie. I am testing it since à few days but i have à probleme with the paiment by paypal.
My galerie is http://www.photorev.fr/galeries/test
For each price i have à message off paypal “can’t have price with 0€”
My count is in €uro in france, and my serveur is in PHP on 1&1 service.
May i have he,lp please
Thanks
You need to set valid prices for all products. You cannot set prices to zero, nor can you use nonnumeric values.
Here you can see my parameters
http://www.photorev.fr/galeries/capture.jpg
http://www.photorev.fr/galeries/capture2.jpg
http://www.photorev.fr/galeries/capture3.jpg
1.select paypal e-commerce option
2 Paypal setup with my account mail and euro money
3.three option description with price in number only and item pricing is global
but in my galerie http://www.photorev.fr/galeries/test
I have the mssage off price error
Thank’s for your help
Because:
1) You also have Opt 4-7 enabled for the primary product array with values of 0.
2) In the secondary product array, you have two items, the first with an invalid value of “N/B” and the second blank (an invalid value of “nil”).
Thus, when the cart attempts to do the math on your cart, it ends up with nonnumerical values and produces ERRORS.
As I said in my previous response, “You need to set valid prices for all products. You cannot set prices to zero, nor can you use nonnumeric values.”
I purchased the TTG Highslide web engine yesterday and absolutely love the fact that it fits in nicely with my Lightroom workflow. This maybe a dumb question, but is there a way to embed the gallery that I create using LR into my wordpress blog (as a post or a page)? I would like my visitors to stay within my wordpress post/page rather than be redirected off-site.
Thanks,
JJ
Hi JJ,
Unfortunately, the galleries cannot be embedded into Wordpress. The best way of utilizing the galleries with Wordpress is to host them in a separate folder or subdomain, ex. blog.yourdomain.com & galleries.yourdomain.com, or http://www.yourdomain.com and http://www.yourdomain.com/galleries. Then create links between the two locations.
Cheers,
Matt
thank’s for your answers. J have to correct the errors but the probleme still exists.
Sorry
Here is à video http://www.photorev.fr/file/turninggatepaypalerror.flv
Thank you very much for your patient
I watched your video. The only advice I have at this point is do not press the “Add to Cart” button in Lightroom. Export, upload the gallery to the web and try the cart then.
Hello
How can i open à new windows from a link menu (for example to open à pdf file)
Thanks
You will need to code your link into the Custom Menu Items field using this code:
<a href=”targetURL” onclick=”window.open(this.href); return false;”>Link Text</a>
Naturally, fill in your own URL and text.
Is it possible to have the background header be transparent?
It’s possible, but you’ll need to use the “Add CSS rules in <head>” field in the Output Settings pane to override the existing CSS.
Thanks Matt, could you give me an example of what you would add to turn the description container transparent? I’ve tried a bunch of things, but I guess I’m not doing it quite right–do you have to add the tag? do you have to add the “!important” property to overide the previous settings?
You should include the <style> tag, the selector for the object you wish to make transparent, and then you can experiment to see whether !important is or is not necessary, as it varies by case.
Is there any way to offer coupon codes for any of the shopping cart options available in Highslide Pro (or any other TTG Galleries)?
No. There’s no back end or database, and therefore no way of tracking coupon codes or conditional discounts.
Sean,
Fotomoto has the built-in ability to accept coupon codes (go to http://my.fotomoto.com/coupons after logging in to your account). I’ve also just about got figured out a way to accept coupon codes through the paypal galleries, though it involves some custom coding and modifying template files, so it might not be a comfortable solution for everyone. I can post the details if you’re interested once I’ve got it polished.
I don’t want to use Fotomoto because I want to self fulfill my print orders. I’d love to see your custom code option for paypal though. Thanks!
I had a suggestion I just wanted to mention for highslide pro. Would it be a pretty easy change to make the e-mail from the e-mail cart more compact? For example instead of listing each item on a separate line like it is now, could it be put on one line. For example Item Name: Tina Pearcy-006.nef – Size: 5×7\ sheet – Unit Price:$0 – Quanity: 1 – Total: $0. If you see what I mean, I like to print the orders out and it takes a lot of sheets the way it is now. Numbering the items might be nice as well.
Can TTG Highslide Gallery Pro be used to add a logo or URL or any caption onto every image being processed and uploaded?
Thanks!
LR3 supports advanced watermarking features, allowing you to use graphical logos as image watermarks, or to customize your watermark content, appearance and positioning. TTG Highslide Gallery Pro supports LR3 watermarking features.
Thanks for the info!
I will be buying LR3 shortly. I want to make sure my galleries can be migrated to the new version first…
Matt… I have uploaded an album “Jason’s 40th Bday Party” which you can see but it won’t load at http://www.devinfamily.com/galleries/31Events/ however I can go directly to this page http://www.devinfamily.com/galleries/31Events/20100710Jason/ and see it fine… this has happened once before – why is this happening? I uploaded via LR as well as via FTP.
Maybe because of your use of the apostrophe in the album title. Try naming the gallery “40th Bday Party for Jason” and see whether that solves it.
Thanks… that solved it… usually the simple things.
Hi. Is there a way to save my settings for TTG Highslide Gallery Pro.
Everytime I go in and want to create a new web gallery (I only use the proof gallery) I have to go through every option again to get things how I want it – this is SERIOUSLY a pain!
Please help!
Also where do I download v2.0.5 from ?
Thanks
Use the download link provided at time of purchase. The End User License Agreement fully explains this, and more. Recommended reading.
Thanks, got the latest version now
Use the Template Browser to save preset templates of your gallery settings. This is a feature of Lightroom’s Web module, and applicable to all gallery engines. Consult Lightroom documentation for details on using the Template Browser.
Perfect, better get some reading done
Thanks
Hi Matt, Thank you TONS for all your great work!
I’ve just loaded highslide pro (love it!) and uploaded a gallery for a client with password protection. (so much easier than previous method, thank you!)
My problem, when the page loads and I enter the user/pass the user/pass text color is invisible (font color same as BG?). I have used your whiteout gallery template.
I am somewhat PHP ignorant, but I looked at the index.php where the reference is for the login, but I do not recognize any font color codes (in css?)
how do I get the login font color to stand out?
Thank you
Clayton
Enable the Client Proofing Gallery features in the Appearance pane. Change the Input Color to something other than white. Disable the Client Proofing Gallery features.
Thanks Matt. you rock!
whats the workflow to create a album with multiple galleries???
I only can create single galleries. Whats the option to merge the galleries under one album?
Best regards
Klaus
Use TTG Auto Index to create a gallery index. Install galleries made by TTG Highslide Gallery Pro into this index. Example.
so I had to buy TTG Auto Index for my TTGHighslide gallery pro to do this???
Best regards
Klaus
TTG Highslide Gallery Pro creates standalone image galleries. If you want to create an index of multiple galleries, TTG Auto Index will serve as a table-of-contents.
Is there any chance to integrate backgroundmusic (MP3) in the shows in TTG Highslide Gallery Pro??
Best regards
Klaus
Nope! LR’s Web module doesn’t allow access to music, so there’s no sense building it in as a feature. You can edit exported galleries to add audio on your own though.
Hi! I want to translate it to Polish language. Is it possible to do that?
It will be perfect for my clients.
Thanks in advance,
Peter
TTG Highslide Gallery Pro has options allowing you to fully localize your galleries into your own language.
Thank you very much for your answer!
It’s beautiful. And with client login and online proofing it’s exactly what I want!
It’s perfect! Your doing beautiful work. Everything what I need is this gallery and $40 it’s worth it.
Kind regards,
Peter
Is there a way to implement a search function on the generated web page? like if a client wants to search for a specific file name or tag, can highslide pro include the search option in the web page? (this is more of a presales question)
No, there is not.
← Previous Comments