zpBootstrap – a Zenphoto theme

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

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

You can report bugs of this theme 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 help to improve this 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 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), menu_manager (new), openstreetmap, rating, register_user, user_login-out, zenpage

Major improvements of 2.3 release

  • Supports plugin menu_manager
  • Better displaying of audio/video player and better displaying of online video
  • Uses 1000 px as default image size
  • Upgrade to latest releases of scripts Bootstrap, Infinite Scroll, fancyBox, 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.