Portfolio Gallery Demo

The Portfolio Gallery gives you the ability to create a web site with multiple pages and galleries all in one single Lightroom export. jQuery is used to display all the content from just from one HTML file, no server side scripts required.

The Web Gallery is designed for Lightroom 4, 5 & 6 (including Lightroom Classic CC). Demo is limited to 9 images. The full gallery can be purchased here.

 

Overview

Portfolio Overview

Click here to see more examples of the gallery and the theme.


Features
 

Multi Gallery Lightroom Web GalleryMulti-Gallery

Create a web site with multiple galleries all from one static HTML5 web page, javascript is used to separate the thumbnails into gallery sets, which are controlled in the Lightroom settings panel. You can customise the gallery names, these names are used to create their own hash URL, so you can link to them directly, here's an example (http://demos.redrex.co.uk/portfolio/default/index.html#london). The only restriction is that all the galleries must have a unquie gallery name. There is no limit on how many images can be contained within a gallery, nor on how many galleries in the web site.

The loading of each thumbnail image is managed via an image loader which means only the gallery pages the viewer decides to view are loaded when they click a gallery nav link.

 

Pages

PagesThe gallery also has the feature to support up to three pages that can contain HTML content with customisable titles and URLs. Navigation to the pages is done via the top nav bar. You can also add up to two external nav links to the top nav bar, to link to pages on another website such as a blog.

 

Bootstrap Platform

Twitter BootStrap LogoA powerful front-end framework is provided via the bootstrap platform giving you resizeable pages, so your site looks great on a laptop screen, tablet or a mobile phone. The framework also gives web designers and developers a sleek, intuitive base for faster and easier web development.

 

Theming & Styles

Font AwesomeFont Awesome and Bootswatch themes are included and configured to work with bootstrap framework for enhanced styling and web design. You can also customise the themes and choose from a list of image textures to give the gallery a background. Google web Fonts can be applied to websites too. Also included is a thumbnail cropping position feature that lets you have more control over the cropping of the square images.

 

prettyPhoto Viewer

PrettyPhotoWhen you click on a thumbnail on a gallery page a large image will be displayed in a prettyPhoto box (a lightbox clone). This powerful tool allows you to view the galleries images in a slide show and it resizes your images to fit your viewers monitor, but allows this to be overridden if required. The viewer also lets you display text to complement the photo from its meta data. 
 

Fotomoto

Fotomoto is a print-on-demand ecommerce widget that integrates into the portfolio gallery website. This option gives you the opportunity to sell and share your images via this service.

View the portfolio demo with fotomoto support here.

 

HTML5 & jQuery

HTML5 Powered with CSS3 / Styling, and Semantics

No Flash - Just Javascript is required to make the site work. HTML5 and CSS3 markup and features are used to create the gallery and degrade gracefully on older browsers.

The Web Gallery is designed for Lightroom4 and browser compatible with IE8, IE9, IE10, Firefox, Chrome, Opera and Safari. IE7 has reduced functionality.
 

Social links

Social Media IconsFacebook, Google and Twitter Social media links and buttons are all available to add to the site if you so wish to.

 

Analytics

Google AnalyticsIts easy to add Google analytics tracking to the site, all you need to do is copy and paste the Javascript code provided by Google into a field in the Lightroom gallery settings.

 

 

Examples of the Portfolio Gallery Websites & Templates

 

 
 
 
 
 
 
 


 

Getting Started Guide

All future updates will be free for customers who purchase this gallery, via a download from your account page. The full gallery can be purchased here.