• CW Article Gallery

Installation & Guide

Installation

Install PACKAGE of CW Article Gallery plugins containing:

  • CW Article Gallery (content plugin)
  • CW Article Gallery Ajax Upload (ajax plugin)
  • Button - CW Article Gallery (editor button plugin)
  • CW Gallery COMPONENT
  • CW Gallery MODULE

After installation publish all three plugins (you can use link from post-install description).

....And that's it. You dont need to configure anything else and you are ready to go!

...unless you want to ;) Then follow the guide...

What can be set in parameters?

Parameters for loading a gallery can be set either globally in CW Article Gallery plugin or individually for each article in CW Gallery Tab in article edit form, which will override global plugin settings. Last way of influencing gallery output is via syntax - where are some available options for use.

  • Upload Directory - path for upload folder, start and end with / - example: /images/cwcourses/
  • Photos Limit - limit of images that can be uploaded in one article
  • Accepted Files Types - you can define which file types of images can be uploaded
  • Resize Original - original images can be resized during upload to desired size. If you leave the HEIGHT empty, image resize will keep the aspect ratio.
  • Watermark - if enabled, you can set the watermark image and placement. You can upload here own watermark image which can be then selected and used.
  • Width, Height - thumbnails dimensions
  • Crop Images - Crop image during automatic thumbnail generate process? Thumbnails can be created manually in image detail config
  • Gallery Position - above or under article content. If { cwgallery } syntax is used, this will be blocked
  • Enable in Category Blog - if gallery should be displayed also in Category Blog view
  • Color scheme - light or dark
  • Order by - image ordering settings
  • Show Description on detail - will show image description on image detail in lightbox
  • Show info on hover - will show image caption/description on image thumbnail hover
    • Show Caption on hover
    • Show Description on hover
  • Gallery Layout - Masorny, Gallery or Slider
  • Layout "Masonry"
    • Lightbox Library - choice of lightbox script that will be used on image detail
    • Number of columns - fixed columns number. If not set, layout will be influenced by thumbnails sizes, responsively
    • Show Caption - if the overlay box over the thumbnail will be partly displayed initialy. If not, it will show only on hover
    • Randomize heights - can be usefull if you want to make different heights of thumbnails for more structured grid
    • Zoom on hover - if and how much is thumbnail zoomed on hover
    • Enable LoadMore - if enabled, Loadmore button is displayed under gallery to load additional images
    • Initial Limit - limit for initialy loaded images, other images can be added via LoadMore button
    • Loadmore Limit - how many images will be additionaly added by LoadMore
    • Image border - thumbnail borders in gallery (px)
  • Layout "Gallery"
    • Lightbox Library - choice of lightbox script that will be used on image detail
    • Number of columns - fixed columns number. If not set, layout will be influenced by thumbnails sizes, responsively
    • Image border - will create spaces between images. Default value is 2(px)
    • Zoom - for how many % will be zoomed on hover. Default value is 5(%)
  • Layout "Slider"
    • Lightbox Library - choice of lightbox script that will be used on image detail
    • Height - slider container height
    • Animation speed - speed of slide effect animation

General Plugin Tools

  • Thumbnails re-generation - you can re-generate thumbnails for ALL images
  • Watermark re-generation - you can re-generate watermarks for ALL images

Options for gallery SYNTAX

  • start - from which image should gallery load images - { cwgallery start=4}
  • count - how many images should gallery load - { cwgallery count=8}
  • layout - what layout should gallery load - { cwgallery layout=slider}
  • list - list of image indexes will show only selected images (this will override start and count syntax - { cwgallery list=2,5,11}

Separator for syntax codes is ;

{ cwgallery start=4;count=8;layout=slider}

will display gallery of 8 images from 4th image in Slider layout.

Want to see more about what magic can be done with this cool little yet powerfull plugin?
See Advanced Options - Live example

CW Gallery Module - Live example