CodeCanyon
CodeCanyon
Code
Code
Code
Code
Code
Code

Media Grid - Wordpress Responsive Portfolio

Media Grid - Wordpress Responsive Portfolio

Media Grid is a unique plugin to create unlimited responsive, filterable and paginated portfolios with ease, taking advantage of masonry engine.

Using advanced techniques allows you to create your own layouts and adapt them to any container. Adaptive and mobile optimized for responsive themes.



Features list

  • Unlimited layout-free portfolios (freely shape up items to build grids)
  • Visual, drag&drop, grid builder with mobile mode
  • 1-click grid cloning system
  • Pagination system (4 buttons layout + light/dark skin)
  • Complete SEO deeplinking system: tracking lightbox, filters, search and pagination (tracking browser history change)
  • Complete items type choice with full media support:
    • single pictures
    • images slider with video support
    • Inline image slider
    • Youtube, Vimeo, Dailymotion, self-hosted videos (lightbox and inline)
    • Soundcloud and self-hosted audio (lightbox and inline)
    • Inline text
    • Lightbox custom contents
    • Link
    • Post contents – fetching from posts or custom post types

  • Items filtering system (hide&reorder or reduce opacity modes)
  • Default grid filter – shortcode parameter
  • 675 icons to beautify filters and customize items overlay
  • In-grid items searching with custom tags support
  • Filters and search positionable on grid’s top, left or right side
  • Revolutionary AJAX lightbox, supporting HTML and shortcodes
    • 5 lightbox content layouts
    • 6 lightbox command styles
    • 3 lightbox entrance/sliding effects
    • Unlimited contents length without page’s loading affection
    • Contents to text – height matching option
    • Image zoom system (for single image item type)
    • Modal mode
    • Unlimited item custom attributes with optional icon association
    • Proper social sharing using item’s data (Facebook, Twitter, Pinterest, Google+)

  • 16 modern loaders to choose from
  • Optional Ken Burns effect for items and featured lightbox images
  • Handy shortcode wizard
  • Visual Composer and Cornerstone native integration
  • Shortcode option to move items title under image (attached or detached)
  • Full colors, margins, borders, font-size and font-family control
  • Shortcode commands to override margins and borders size
  • 1-click immediate setup with 10 preset styles
  • Fully responsive, adapts itself to any container
  • Items XML sitemap to push item contents and images on search engine
  • WooCommerce integration with optional “add-to-cart” button
  • Optional Disqus or Facebook Comments integration in lightbox
  • 100% multilanguage with WPML certification
  • Images “right-click” protection
  • Unlimited overlays styles using Overlay Manager add-on

Walkthrough Videos

To make the plugin easy for everyone, documentation comes with detailed videos explaining each necessary step to setup and use Media Grid.

Videos aim is purely educational, to check all features, take a look at screenshots!

Responsive portfolios with unique layouts

Just create your items and compose your grid through the visual builder all the rest will be managed by the powerful engine of the plugin.

Unique means not repeatable by any tool: forget about fixed rows or schemes, here your creativity can be fully exploited. You can choose among a wide variety of sizes to compose your portfolios, always seeing the final result thanks to the visual builder. It shows your changes in real time, representing a real advantage in projecting phase speeding up things!

Worried about representation of your setup on small screens? Media Grid has a smart system swapping automatically to a simpler and mobile optimized mode: lighter images, touch-proof sizes and dynamic control on overlay elements. Everything will be always displayed perfectly.

Finlly plugin integrates each item with the most popular social networks (Facebbok, Twitter, Pinterest and Google+) giving a better sharing system, focused on item contents!

CSS3 Lightbox and SEO deeplinking system

A lot of things are hidden under Media Grid lightbox: it is not only completely managed by lightweight CSS code but also optimized to let search engines find your contents easily.

The best way to keep everything fast and clean is to use AJAX calls, but normally it is against best SEO practices. Media Grid goes beyond this, using HTML5 functions to create true URLs for each element: lightbox, filters, pagination and even item searches. Everything automatically, without any additional plugin!

Try these two links related to the grid on the bottom of this page: “Galleries” filter “Bicycle gallery” item

But there’s more: Media grid offers also a special XML file to be used in specific SEO systems such as Google Webmaster Tools. Containing item links and associated featured images to push contents indexing as fast as possible!

Full media support

Media Grid is extremely versatile and features 10 different item types to compose your portfolio:
  • Simple static image without lightbox
  • The classic single image
  • Fully responsive images slider with captions and video support
  • Inline slider, perfectly integrated in grid sizing system
  • Audio player supporting single song or tracklist + SoundCloud
  • Inline Audio player, having the same features
  • Youtube/Vimeo/Dailymotion or also self-hosted video
  • Inline video, bringing same features in the grid context
  • Linked tile, redirecting users with advanced controls
  • Post contents, dinamically fetching contents from a post type
  • Custom content, a blank space ready to be filled with your contents
  • Inline text, supporting shortcodes and HTML

And of course the “spacer” item to help you creating awesome layouts.
Each one having its custom options to be shown as you need. For example the Ken Burns effect in grid or in lightbox, or also the image zoom for single image.

Unlimited attributes

One on the most important things in a portfolio is to display clearly items characteristics. They could simply refer to the author of a photo or display the track’s album or release date.

With Media Grid you can create unlimited item attributes, with related icons, for each item type. Sort them and use only the ones needed!

Check the Bicycle Gallery item attributes

1 Click fast setup

Are you not familiar with web sizes, margins or colors? Don’t have time to manage each plugin setting?

No problem, the plugin is ready to be used out of the box and has got 10 preset styles you can enable just with one click! Just choose what you like the most from the wizard and let Media Grid do the rest.

Once set, the style can be customized in any aspect: maximum simplicity and flexibility!

SEO Pagination system

Items can be paginated directly in the grid builder, clicking a button, a “pagination block” is added, splitting grid items and physically creating pages.

Why is it “SEO friendly”? Item details are all loaded in the page, but only search engines will be able to completely index your awesome items.
Pagination is also tracked by deeplinking system, so you can share a specific grid page.

This means no impact on page’s loading speed and at the same time a great advantage on the web!
You can set pagination arrows layout (among 4 different options) and their alignment.

WooCommerce Integration

Seamlessly integrated, Media Grid is a perfect solution also to create WooCommerce products showcases.

No complex processes: everything will be managed as a native item, supporting both single/multi image products. As native items they can be customized and mixed to other item types with no change at all to the WooCommerce core.

Also product attributes and ratings are fetched and perfectly integrated in plugin systems. Finally, Media Grid lightbox features a smart “add-to-cart” button!

Shortcode wizard

Once you’ve created grids, using them in your website is simply as use the handy shortcode wizard, located on top of the wordpress editor. Choose the grid, if display filter buttons and if use the default resizing system or set a fixed width for items wrapper.

And also: set filters position and choose if use items search system.
You can even decide to hide the “All” filter or to select a default filter that will be applied on grid loading.

Move item titles under the featured image: with two modes: attached or detached from item.

Finally you can override global grid styling: setting custom margins, borders and border radius on the fly!

Plugin has also got native Visual Composer and Cornerstone integration, to give you the best user experience possible today on Wordpress!

Comments integration

Engage visitors and know what they think about your products!

Media Grid, thanks to its deeplinking engine, integrates with Disqus and Facebook Comments: probably the best social tools to get and manage comments seamlessly.

Obviously this feature is totally optional, you can also disable comments for specific items.

Items search system

You can easily find items with the integrated searching system.
It is based on items title and works in real time, with no delays!

Titles are too limitated? Use the search helper, in items editor to add indexed words and add a semantic touch to searches!

100% Multilanguage

Media Grid is also completely translatable on both front and back ends. You will be able to localize it just creating your .po file or using WPML.

Yes, it has also the WPML multilingual certification and has been tested to work seamlessly with it!

Customize it!

As per LCweb’s philosophy, plugin’s strong point is customizability. Every aspect of grid items and lightbox can be changed to match the look and feel you need!

Unlimited colors, margins, paddings, borders, sharing icons styles, filters position and colors. Four item’s navigation styles, six lightbox navigation styles, five lightbox content layouts, three lightbox entrance/sliding effects, 16 CSS3 loaders, full typography control: are only a bit of what you can manage. Everything easily, with few clicks.

Try few of the many possible customizations in the live demo

Notes

Please note that, obviously, the plugin requires a responsive theme to have a responsive behaviour.

Changelog

See the changelog here
by
by
by
by
by
by