A mobile-ready and feature-rich theme for Piwigo photo gallery, based on Bootstrap 4
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 9 commits ahead, 7 commits behind tkuther:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
admin
assets/photography-icons
img
include
js
language
scss
template
.gitignore
BUGS.md
CHANGELOG.md
COPYING
MANIFEST
Makefile
README.md
TODO.md
package-lock.json
package.json
postcss.config.js
screenshot.png
themeconf.inc.php
webpack.config.js

README.md

Simple Responsive

A mobile-ready Phyxo theme based on Piwigo Bootstrap Darkroom

alt tag

Features

  • Various color styles
  • Optional page header with fancy fading full width background image, or a jumbotron banner
  • Different layout option for the picture details page
  • Video support using native HTML 5 video widget
  • Fullscreen slideshow view using PhotoSwipe
    • Supports auto play
    • Supports HTML5 video
    • Album thumbnails can be linked to PhotoSwipe directly (like smartpocket)
  • Configurable carousel album navigation on the picture page using slick slider
  • 100% mobile ready
    • fully responsive Navbars, Carousel, PhotoSwipe slideshow, video content
    • async/ondemand loading of carousel & PhotoSwipe content, adaptive image size selection, swipe & tap events
  • Various configuration options
  • Easy customization using CSS overrides or SASS custom build for advanced needs.

Usage

  1. Installation:
  1. Enable Simple Responsive

Demo

A demo is available at https://demo.phyxo.net

Documentation, Support and Issue tracker

Components

Development & Customizing

  • All stylesheets are compiled from Bootstrap's Sass source files using node-sass.
  • Dependencies are managed using npm.
  • To install build dependencies, use
npm install

The build process is based on npm scripts and uses common shell functions, so it might not work on Windows.

To build everything, use

npm run build

To build only bootswatch, for example, use

npm run build:bootswatch

See package.json for available script commands.

There is built-in support for a custom Sass build.

  • Create the file scss/custom/custom.scss
  • Include all required Boostrap stuff in there, override variables as you wish, just like any custom bootstrap build
  • Compile with npm run build:custom
  • Select "Custom" style in the theme's configuration