Grid Theme

Thumbs panel position: the position of the thumbs panel

Set thumbs panel defaults: set the position default settings

Hide panel under with: hide panel under certain browser width, if 0, don’t hide

Gallery skin: the global skin of the gallery. Will change all gallery items by default

Images preload type: the images preload type. Minimal: only image nabours will be loaded each time. Visible: visible thumbs images will be loaded each time. All: load all the images first time

Autoplay at start: begin slideshow autoplay on start

Play interval: play interval of the slideshow after that time the slide will change

Pause playing on mouseover: pause on mouseover when playing slideshow

Mouse wheel role: the role of mouse wheel, zoom image, advance item, or none

Keyboard control: allow to control gallery with keyboard (left, right, arrows)

Carousel mode: next button on last image goes to first image

Preserve ration on resize: preserver width and height ratio on gallery resize

Gallery background color: set custom background color on slider area, if not set will be taken from CSS

Gallery background opacity: the opacity of the gallery background. Set to 0 for transparent background, and give some color

Position on the page: the position of the slider on the page. Default: no styles added. Float: left. Float: right. Margin: 0 px auto

Margin top: the top margin of the slider wrapper div

Margin bottom: the bottom margin of the slider wrapper div

Margin left: the left margin of the slider wrapper div

Margin right: the right margin of the slider wrapper div

Number of columns: number of grid columns

Space between columns: the space between columns

Space between rows: the space between rows

Scroll type: select grid scroll type (direction) – for right, left panels only

Grind panel align: the align of the thumbnails grid inside the panel

Grid carousel: next panel goes to first when last

Grid panel background color: background color of the grid wrapper, if not set, it will be taken from the CSS

Grid panel padding top: padding between the top border of the panel

Grid panel padding bottom: padding between the bottom border of the panel

Grind panel padding left: padding between the left border of the panel

Grid panel padding right: padding between the right border of the panel

Grid panel arrows skin: skin of the arrows

Grind panel arrows vertical align: vertical align of arrows, to the top and bottom borders, to the grid, or in the middle space

Grind panel arrows vertical padding: padding between the arrows and the grid, in case of middle align, it will be minimal padding

Grid panel space between arrows: space between arrows on left / right panel position and horizontal grids only

Grid panel arrows always on: always show arrows even if the grid is one panel only

Grid panel show close handle: enable grid close handle

Grid panel handle align: close handle tip align on the handle bar according panel orientation

Grid panel handle offset: offset of the handle bar according the align

Grind panel handle skin: skin of the handle, if empty inherit from gallery skin

Grid transition duration: transition of the panes change duration

Grid transition easing: transition of the panes change easing function

Thumb width: thumb width

Thumb height: thumb height

Thumb border effect: enable the thumbnail border effect, if the thumbnail will has border or not

Thumb border width: thumb border width regular state

Thumb border color: thumbnail border color regular state

Thumb mouseover border width: thumb border width in mouseover state

Thumb mouseover border color: thumb border color in mouseover state

Thumb selected border width: thumb width in selected state

Thumb selected border color: thumb border color in selected state

Thumb border radius: thumb border radius

Thumb color overlay effect: thumb color overlay effect release the overlay on mouseover and selected states

Thumb overlay color: thumb overlay color

Thumb overlay opacity: thumb overlay color opacity

Thumb overlay reverse: reverse the overlay, will be show on selected state only

Thumb image overlay effect: images overlay effect on normal state only

Thumb image overlay type: the type of image effect overlay, black and white, sepia and blur

Thumb transition duration: thumb effect transition duration

Thumb transition easing: thumb effect transition easing

Thumb show loader: show thumbnail loader

Thumb loader type: the type of thumb loader

Scale mode: scale mode for slider images than related to media items:

Fit: scale down and up the image to always fit the slider

Down: scale down only, smaller images will be shown, don’t enlarge images (scale up)

Fill: fill the entire slider space by scaling, cropping and centering the image

Fit vertical: make the image always fill the vertical slider area

Scale mode for media items: scale mode for slider images than related to media items:

Fit: scale down and up the image to always fit the slider

Down: scale down only, smaller images will be shown, don’t enlarge images (scale up)

Fill: fill the entire slider space by scaling, cropping and centering the image

Fit vertical: make the image always fill the vertical slider area

Scale mode for fullscreen: scale mode for slider images than related to media items:

Fit: scale down and up the image to always fit the slider

Down: scale down only, smaller images will be shown, don’t enlarge images (scale up)

Fill: fill the entire slider space by scaling, cropping and centering the image

Fit vertical: make the image always fill the vertical slider area

Controls always on: set on slider controls (arrows, bullets, zoom panel) always on, if no show only on mouseover

Controls appear duration: the duration of appearing controls

Controls appear on tap: appear controls on tap event on touch devices

Edit slider area padding: check yes if you want to edit slider area padding

Slider padding top: padding top of the slider item

Slider padding bottom: padding bottom of the slider item

Slider padding left: padding left of the slider item

Slider padding right: padding right of the slider item

Sliders change transition: the transition of the slide change

Transition duration: transition duration of slide change

Transition easing function: transition easing function of slide change

Enable swipe control: enable swiping control on touch devices and using the mouse

Enable image zooming: enable zooming control; zoom on mouse wheel and on punch gesture on touch devices

Zoom max ratio: max zoom ratio. The zooming will stop after this value

Enable video close button: enable video close button on video play on right top corner

Slider loader shape: shape of the loader (1-7)

Slider loader color: color of the loader (black, white)

Show bullets: show the bullets on slider element

Bullets skin: skin of the bullets, if empty inherit from gallery skin

Space between bullets: set the space between bullets. If -1 then will be set default space from the skins

Bullets horizontal align: bullets horizontal align

Bullets vertical align: bullets vertical align

Bullets horizontal offset: bullets horizontal offset

Bullets vertical offset: bullets vertical offset

Show slider arrows: show the arrows on slider element

Slider arrows skin: skin of the slider arrows, if empty inherit from gallery skin

Left arrow horizontal align: left arrow horizontal align

Left arrow vertical align: left arrow vertical align

Left arrow horizontal offset: left arrow horizontal offset

Left arrow vertical offset: left arrow vertical offset

Right arrow horizontal align: right arrow horizontal align

Right arrow vertical align: right arrow vertical align

Right arrow horizontal offset: right arrow horizontal offset

Right arrow vertical offset: right arrow vertical offset

Show progress indicator: enable progress indicator on slider element

Progress indicator type: progress indicator type, if pie not supported, it will switch to bar automatically

Progress indicator horizontal align: progress indicator horizontal align

Progress indicator vertical align: progress indicator vertical align

Progress indicator horizontal offset: progress indicator horizontal offset

Progress indicator vertical offset: progress indicator vertical offset

Progress bar color: progress bar color

Progress bar opacity: progress bar opacity

Progress bar line width: progress bar line width

Progress pie color: the first color of the progress pie

Progress pie second color: progress pie second color

Progress pie stroke width: progress pie stroke width

Progress pie width: progress pie width

Progress pie height: progress pie height

Show play button: enable play / pause button on slider element

Play button skin: skin of the slider play button

Play button horizontal align: play button horizontal align

Play button vertical align: play button vertical align

Play button horizontal offset: play button horizontal offset

Play button vertical offset: play button vertical offset

Show fullscreen button: enable fullscreen button on slider element

Fullscreen button skin: skin of the slider fullscreen button

Fullscreen button horizontal align: fullscreen button horizontal align

Fullscreen button vertical align: fullscreen button vertical align

Fullscreen button horizontal offset: fullscreen button horizontal offset

Fullscreen button vertical offset: fullscreen button vertical offset

Show zoom panel: enable the zoom buttons, work together with zoom control

Zoom panel skin: skin of the slider zoom panel

Zoom panel horizontal align: zoom panel horizontal align

Zoom panel vertical align: zoom panel vertical align

Zoom panel horizontal offset: zoom panel horizontal offset

Zoom panel vertical offset: zoom panel vertical offset

Show text panel: enable text panel

Text panel always on: text panel are always on, if no show only on mouseover

Text panel align: the align of the text panel to some side of the slider

Text panel margin: margin from the text panel position according the text panel align option

Text vertical align: text vertical align

Text panel padding top: text panel padding top

Text panel padding bottom: text panel padding bottom

Text panel height: text panel height, if it has negative value (for example -1) it will be set dynamically

Padding between title and description: padding between title and description

Text panel padding left: cut some space for text from left

Text panel padding right: cut some space for text from right

Text panel fade duration: the fade duration of text panel appear

Enable title text: enable the title text

Enable description text: enable the description text

Enable text panel background: enable the text panel background

Text panel background color: text panel background color

Text panel background opacity: text panel background opacity

Background additional CSS: text panel background additional CSS javascript style like {‘padding – left’: ‘10px’, color: ‘#ff000’}

Title additional CSS: text panel title additional CSS javascript style like {‘padding – left’: ‘10px’, color: ‘#ff000’}

Description additional CSS: text panel description additional CSS javascript style like {‘padding – left’: ‘10px’, color: ‘#ff000’}

Inlcude jquery library: add include of jquery js. If you have jquery include in other module, and you don’t want to double include, choose ‘No’

Put JS includes to body: put the gallery javascript includes to body. This may help in situations when multiple jquery libraries are loaded.

Debug javascript errors: show error message when there is some error on the gallery area