zpBootstrap – a Zenphoto theme

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

Important: To use the release 2.1 of the theme, you must have Zenphoto 1.4.14 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)
  • 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), rating, register_user, user_login-out, zenpage

Major improvements of 2.1 release

  • upgrade to flexSlider 2.6.4
  • upgrade to FancyBox 3.1.28 to be compliant with infinite-scroll
  • management of infinite-scroll plugin on gallery, albums and news pages
  • page 404 managmement if some plugins are not enabled
  • Some graphical improvements (see changelog.txt)
  • Some code improvements (see changelog.txt)
  • Fix some 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. 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
Site de démo

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