Gallery Grid Extension

The Gallery Grid Plugin Extension for Respondo Shortcodes allows the user to easily create a gallery grid and add it to any page with control of modifications. This is a simple to use shortcode option for any page builder.

Gallery Grid Plugin

Easy Add Gallery Grid

[rs-gallery-grid columns=”3″ bkg_color=”#222B64″ bkg_opacity=”90″ txt_color=”#FFFFFF” hover_color=”#72B19C” hover_opacity=”80″ show_button=”yes” btn_label=”Link Anywhere” open_new=”yes” show_social=”yes”] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Surf-Blue-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”Ski” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Scuba-Group-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”water” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Scuba-Blue-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”water” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Rafting-Group-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”water” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Mounting-Sky-Dive-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”sky” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Mountain-Life-Ski-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”ski” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Hiking-Overlook-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”hike” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Gold-Surf-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”surf” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/climbing-tall-rock-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”hike” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Climb-Higher-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”climb” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Big-Water-Rafting-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”water” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Big-Sky-Dive-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”dive” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Big-Mountain-Ski-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”Ski” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/backpacker-Journey-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”Hike” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/All-Surf-Blog.png” link=”http://framework.sparklogix.com/portfolio/” alt=”Surf” label=”This is the Title”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [/rs-gallery-grid]

Available Settings & Options

Columns: Select 1-6 Columns

Totally Responsive (works great on all devices)

Fit gallery into any column set or Full Width option

Control the background color and opacity

Control the hover color and opacity

Control the text color

Show or hide social media buttons

Show or hide button and control button text

Links open in a new window or same window

Link to anything

Add Title and Description

Fast Loading Content

Another Example

This is: 1/6 – 2/3 – 1/6 Layout and the Gallery Grid is in the 2/3 section and has 2 columns.

[rs-gallery-grid columns=”2″ bkg_color=”#2A2D40″ bkg_opacity=”90″ txt_color=”#FFFFFF” hover_color=”#F17170″ hover_opacity=”80″ show_button=”yes” btn_label=”Read More” open_new=”yes” show_social=”yes”] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/UFO.jpg” link=”” alt=”UFO” label=”This is Another TItle”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/map.jpg” link=”” alt=”map” label=”This is Another TItle”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Lightbulb.jpg” link=”” alt=”Lightbulb” label=”This is Another TItle”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Chart.jpg” link=”” alt=”Chart” label=”This is Another TItle”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Browser.jpg” link=”” alt=”Browser” label=”This is Another TItle”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [rs-gallery-item img_url=”http://framework.sparklogix.com/wp-content/uploads/2013/11/Analytics.jpg” link=”” alt=”Analytics” label=”This is Another TItle”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/rs-gallery-item] [/rs-gallery-grid]