Jun 242014
 

Photonic Generic Options Layouts shows you how to configure the layouts, native wp galleries and lightbox library settings and more.

Last Updated: March 1, 2017

Latest News: I have updated the information.

Photonic Generic Options Layouts Steps

Step 1 ) Go to Photonic -> Settings -> Layouts to set up the following options. See image below.

photonic-generic-options-layouts-new

Archive View Thumbnails

  • « Leave blank or 0 to not restrict the number

Link to see remaining photos

  • Hide the button to show remaining photos

Image layout

  • Thumbnail strip below the slideshow
  • Thumbnail strip above the slideshow
  • Thumbnail strip to the right of the slideshow
  • Slideshow without thumbnails
  • Square thumbnails grid, lightbox
  • Circular thumbnails grid, lightbox
  • Random justified gallery, lightbox
  • Masonry layout lightbox
  • Mosaic layout lightbox

Square / Circle Grid – Thumbnail Effect

  • Thumbnails will be displayed as they are
  • Thumbnails will show up opaque, opacity will clear upon hovering
  • Thumbnails will zoom in upon hovering – will not work for square thumbs with title shown below image, and for any circular thumbs

Random Justified Gallery – Padding

  • « Enter the number of pixels here (don’t enter ‘px’).

Random Justified Gallery – Minimum Tile height

  • « Enter the number of pixels here (don’t enter ‘px’).

Random Justified Gallery – Thumbnail Effect

  • Tiles will be displayed as they are
  • Tiles will show up opaque, opacity will clear upon hovering
  • Tiles will zoom in upon hovering

Masonry Layout – Padding

  • « Enter the number of pixels here (don’t enter ‘px’).

Masonry Layout – Minimum Column Width

  • « Enter the number of pixels here (don’t enter ‘px’).

Masonry Layout – Thumbnail Effect

  • Tiles will be displayed as they are
  • Tiles will show up opaque, opacity will clear upon hovering
  • Tiles will zoom in upon hovering (will not work if titles are displayed below the tile)

Mosaic Layout – Padding

  • « Enter the number of pixels here (don’t enter ‘px’). Set to > 0 to avoid rounding errors in the layout.

Mosaic Layout – Trigger width

  • « Enter the number of pixels here (don’t enter ‘px’).

Mosaic Layout – Thumbnail Effect

  • Tiles will be displayed as they are
  • Tiles will show up opaque, opacity will clear upon hovering
  • Tiles will zoom in upon hovering

=====================================

Native WP Galleries

Step 2 ) Go to Photonic -> Settings -> Native WP Galleries to set up the following options. See image below.

photonic-generic-options-native-wp-galleries

Photo titles and captions

  • No title / caption / description
  • Always use the photo description, even if blank.
  • Always use the photo description / caption, even if blank.
  • Use the photo description / caption. If blank use the title.
  • Use the photo title. If blank use the description / caption.

Step 2-a ) The following image illustrates how the title will look on an image depending on your selection.

Thumbnail Title Display

  • Normal title display using the HTML “title” attribute.
  • Below the thumbnail.
  • Using the JQuery Tooltip plugin.
  • Slide up from bottom upon hover.

photonic-generic-options-thumbnail-title-display-different-layouts

Disable lightbox linking

  • Check this to disable linking the photo title in the lightbox to the original photo page on your site.

=====================================

Step 3 ) Go to Photonic -> Settings -> Slideshow settings to set up the following options.

Slideshow settings

  • Prevent Slideshow Autostart
  • Centre slideshow images
  • Slideshow Image Adjustment

Step 4 ) Go to Photonic -> Settings -> Lightbox Library Settings to set up the following options.

  • Autoplay mode
  • Autoplay mode interval
  • Position of title in FancyBox slideshow
  • Colorbox Theme
  • PrettyPhoto Theme
  • Swipebox bars on Mobile (Added the following option in version 1.52.)
  • Lightgallery – Autoplay
  • Lightgallery – Fullscreen
  • Lightgallery – Thumbnail
  • Lightgallery – Zoom

=====================================

Step 5 ) The following Colorbox Theme and PrettyPhoto Theme from the list above allows you to set up the following options.

Colorbox Theme

  • Default
  • Style 2
  • Style 3
  • Style 4
  • Style 5
  • Use a skin defined in your theme (requires the files to be present in the scripts/colorbox folder within your theme directory).

PrettyPhoto Theme

  • Default
  • Light Rounded
  • Dark Rounded
  • Light Square
  • Dark Square
  • Facebook

=====================================

Click on the following URL Photonic Generic Options Popup Panel.

This tutorial will be updated from time to time in accordance to any new changes made by Sayontan Sinha the developer.

If you have any questions please let me know.

Enjoy.

Go Back To Photonic Plugin Tutorial List:

Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)