zpBootstrap – a Zenphoto theme

zpBootstrap is a « Responsive » theme for Zenphoto, based on Bootstrap framework.

Important: To use the release 2.2 of the theme, you must have Zenphoto 1.5.1 or more.
If you use another release of Zenphoto, see archives of zpBootstrap on GitHub.

You can report bugs on the Zenphoto forum or create an issue on GitHub, I will fix it as soon as possible (only the latest version is supported).
You can also improve theme via Pull requests.

Please note that the Zenphoto team advise to regulary upgrade its site with the latest version of Zenphot to benefit from the latest features of the application, to solve the various security holes, and to benefit from the support of the Zenphoto team.

Description

Scripts used:

  • Bootstrap (HTML, CSS, and JS toolkit for Responsive WebSite)
  • Flexslider (a fully responsive jQuery slider plugin)
  • FancyBox (lightbox jQuery plugin for displaying images. Touch enabled, responsive and fully customizable)
  • AddThis (snippet to add sharing tools to your site)
  • Inifite Scroll (jQuery plugin that automatically adds the next page)
  • script for navigation with the arrow keys on single news pages and images pages

The theme supports the following Zenphoto plugins:

  • cacheManager, comment_form, contact_form, dynamic-locale, favoritesHandler, flag_thumbnail, GoogleMap (colorbox option not supported), openstreetmap (new), rating, register_user, user_login-out, zenpage

Major improvements of 2.2 release

  • Upgrade to FancyBox 3.5.6 (support of mouse wheel and shows filtered items with Isotope)
  • Supports plugin openstreetmap
  • Managment of new GDPR options in comment, contact and register forms ; add of a link to "Data privacy policy page" in the footer of the site
  • Upgrade to latest releases of scripts Infinite Scroll, imagesLoaded, Isotope, Packery layout mode, FlexSlider
  • Code improvements (see changelog.txt)
  • Fix issues (see changelog.txt)

Installation

  1. Upload the zip file to your computer,
  2. Unzip the downloaded zip file locally, and upload the zpBoostrap folder to the directory /themes/ of your Zenphoto site,
  3. In Zenphoto administration, go to the Themes tab and activate the zpBootstrap theme,
  4. Navigate to Options>Theme to view and configure the available options for zpBootstrap.

Options

  1. You can display a home page, with a slider of 5 random picts, the gallery description and the latest news (if zenpage is used),
  2. You can use "isotope" jQuery plugin to display albums. This layout allows to display uncropped thumbnails and to filter them based on their tags,
  3. You can use "infinite-scroll" jQuery plugin. This layout will automatically load items of next page (albums, images or news) without pagination,
  4. With the GDPR requirements, you can create a page "Data privacy policy page" in Options>Security. A link in the footer will be automatically added to this page,
  5. Only one RSS Feed is displayed: go to options>RSS and select the RSS feed to use (RSS Feed "All News" has priority over RSS Feed "Gallery").

For the theme works well, I advise you

  • In admin>options>gallery, enter the title of your website, the title and description of your gallery
  • To make responsive images in news and pages: edit the html source of your news and pages and add class="remove-attributes img-responsive" on each image (the result should be <img class="remove-attributes img-responsive" src="the_path_to_your_image"/>)

theme
Demo site

Creation and maintenance of themes and plugins take a lot of time.
Thanks to donate to help zpBoostrap.