Gallery (square)

Creates an image gallery that opens images to a lightbox and slideshow when clicked.  This example also includes an optional dynamic filter based on product category.  Dynamic filters can be enabled for any grid and be based on any taxonomy.

This example also has AJAX load more to dynamically load more content as the user scrolls the page for more content.   This technology can radically increase page load speeds and reduce server load.

0

0

Postgrid ID

Content source

Query source

Post Type

Taxonomy

Media Library

Loop

Post type

Taxonomy filter

Filter operator

Filter term slug

Taxonomy

Only terms attached to the current post

Number of posts

Max posts

Page size

Load more

Use AJAX load more

Load more button contents

Sort order

Order by

Meta key

Order

Show elements

Show Elements

Content wrapper

Woo Price Icon

Woo Sold Badge

Show Meta Icons

Elements Pattern

• image
• <
• >
• title
• content
• excerpt
• button
• author
• date
• Download
• Twitter
• LinkedIn
• Facebook
• Woo price
• Post Grid Excerpt
• Post Grid Sort Order
• Categories
• Tags
• Formats
• Project Categories
• Project Tags
• Product categories
• Product tags
• Product shipping classes
• Settings Panels
• Help Category
• Media Categories
• Type

Inline Separator

Inline Padding

Term Separator

Term Padding

Title tag

h1h2h3h4h5h6pli

Button text

Cell hover tooltip content

Empty

Title

Custom

Tooltip content

Equalise heights

Titles

Content wrapper

Content aspect ratio

CSS Attributes

cell

content

image

title

background-color

background-color

background-color

background-color

border-radius

border-radius

border-radius

border-radius

border

border

border

border

padding

padding

padding

padding

margin

margin

margin

margin

text-align

text-align

text-align

text-align

color

color

color

color

font-size

font-size

font-size

font-size

line-height

line-height

line-height

line-height

text-transform

text-transform

text-transform

text-transform

Style presets

Copy from id

ID of Dyggrid to copy

Reset

Basic styles

Override theme fonts

Cell Shadow

Image Shadow

Hover Enlarge

Center All Text

Center Content (Vertical)

Center Content (Horizontal)

Image Hover Zoom

Theme preset

Preset

NoneAccordionBlogBlog (Fade)Blog (hover)CardsGalleryGallery (Captions)Gallery (Cols H)Gallery (Cols)Gallery (Rows H)Gallery (Thumbnails)Gallery (Tiled)List (bullets)List (menu)Logo gridOverlay 1PanelsRow layoutWoo Products

Transition animation

Animation

None3D Flip X3D Flip Y3D Flip sideFadeScaleSquash downSquash leftSquash rightSquash up

Dynamic sorting & filtering

Filter widget

Dynamic filter tax.

Taxonomy Labels

Link to taxonomy archive pages

All Page Link

Sort widget

Show the dynamic sort widget

Sort fields

ID

Title

Date

Price

Image settings

Image location

Background

Content

Hidden

Image aspect ratio

Image file resolution

Use srcset

Use thumbnail

Thumnbnail size

Srcset requested resolutions

Override Image Filler

Attachment ID of filler image

Grid sizing

Cell layout

Horizontal

Vertical

Fixed width

Columns

Gaps

Breakpoints

Cell width

Cell margins

Cell heights

Equalise

Cell aspect ratio

Click behaviour

What should links do?

Open lightbox/slideshow

Open post

Open fixed url

Fixed url

Linked elements

Entire cell

Transition

Images

Titles

Note the above click behaviour settings will have no effect in this demo.

CSS / classes

Grid styling classes and CSS

Wrapper class

Cell class

Image class

CSS

.dygpg-wrapper.dygpg-wrapper-demo-slideshow { } .dygpg-cell.dygpg-cell-demo-slideshow { } .dygpg-content.dygpg-content-demo-slideshow { } .dygpg-image.dygpg-image-demo-slideshow { } .dygpg-meta.dygpg-meta-demo-slideshow { } .dygpg-title.dygpg-title-demo-slideshow { } .dygpg-the-content.dygpg-the-content-demo-slideshow { } .dygpg-excerpt.dygpg-excerpt-demo-slideshow { }

License / Support

License key

To use this plugin and receive updates, enter your license key and press update. Click here to purchase a license.

Select and press the update button to de-register this license key

Support request message

For Dyggrid Pro plugin support, type a message above and press update. Replies are emailed to your registered email address. You agree to configuration data about this Dyggrid shortcode being sent along with your message.

If your email address has changed since registration, please contact account support.

Update

Antique Military Leather Boots

Assorted Sea Shells

Bird Cage

Bitossi Cat

Bitossi Dog

Bitossi Elephant

Bitossi Owl

Bottles

Brass Magnifier

Buddha

Chinese Lidded Bowl

Christopher Dresser Candlesticks

Cloisonne Screen

Concrete Cockatoo

Depression Glass Jug

Diving Helmut

Door Handles

Hooks

Ice Bucket

Ivory Chess Set

Jade Censor

Kitchen Utensils

Knives

Kokeshi Dolls

kookaburra Mascot

Measuring Vessels

Mortar & Pestle

Moulds

Murano Glass Duck

Murano Glass Duck

Murano Glass Fish

Pin Cushion

Planet Lamp

Printing Blocks

Religious Statue

Satsuma Vase

Scales

Sewing Machine

Sterling Silver Scent Bottle

Taxidermy Crocodile

Taxidermy Crow

Taxidermy Tortoise

Tins

Whitefriars Glass Bark Vase

Wooden Boat

Wooden Ducks

Wooden Pulleys