CW Article Gallery

CW Gallery Module

This is CW Gallery Module example with Masonry Layout set
AllSceneryUrbanPeople

CW Article Gallery - Compare Free vs PRO versions

Available featuresFREEPRO
Unlimited upload 3 images per article
Support
No Backlink
Drag and Drop image upload
Drag and Drop sorting images
Individual Thumbnail sizes for each Article
Create Custom Thumbnail - Image Cropping Editor
Thumbnail Sets
One-click Regenerate thumbnails in Article
Using syntax for placing gallery inside Article content
Display Gallery ANYWHERE
Edit Image Caption
Edit Image Description
Extended syntax usage - parameters
Multiple galleries inside Article
Advanced Lightbox Features
Options to set image captions and descriptions visible in gallery view or image detail view
Publish status of images
Using files from /images/ folder
Component
Images Resize
Watermarks
Module
Grid Layouts
Hover Effects
Performace Optimization
Load More
Thumbnails Keep aspect ratio
Engine Version v2 v4
Compatibility
3.x
3.x 4

Go to Download Section

CW Article Gallery - DOWNLOAD

Download section for CW Article Gallery. Install PACKAGE of CW Article Gallery containing:

  • Plugin: Content - CW Article Gallery
  • Component: CW Article Gallery
  • Plugin: Ajax - CW Article Gallery
  • Plugin: System - CW Article Gallery
  • Module: CW Article Gallery
  • Plugin: Button - CW Article Gallery (editor button plugin)

NOTE: Files visibility is restricted by users permissions set by valid subscriptions
NOTE: For downloading FREE version, you need to be a registered user.

List of packages for download:

{cwattachments}

VERSION 2.0.6+ PRO & 1.0.17+ FREE contains SECURITY FIX. Please update!

This download system is done by CW Article Attachments plugin

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

Live Example - Install and Go

This is basic usage of CW Article Gallery plugin. No extra settings done - Display done with Out Of The Box plugin default configuration.

Simply said - This is how it would look like if you would not touch any parameters settings.

This means that gallery is displayed:

  • Under article content
  • In gallery layout (album view of images)
  • Image captions in image detail view (no thumb hover informations on description in image detail)
  • Thumbnails dimension 200x160 (automatically generated)
  • Default lightbox on image detail
  • Responsive layout

This is how a basic view on a gallery will look like:

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