daniloercoli

<p>EC Lightbox is a minimal WordPress plugin that adds a modern lightbox to galleries using <a href="https://github.com/biati-digital/glightbox" rel="nofollow ugc">GLightbox</a>.</p>
<p>The plugin is opt-in by behavior: once activated, it only applies its lightbox functionality to blocks where you explicitly add a custom CSS class (for example, a Gallery block). Everywhere else, WordPress behaves normally.</p>
<h3>Features</h3>
<ul>
<li>Uses <a href="https://github.com/biati-digital/glightbox" rel="nofollow ugc">GLightbox</a> for a clean, responsive lightbox.</li>
<li>Works with WordPress core blocks (e.g. Gallery, Image).</li>
<li>Opt-in activation via a custom CSS class (<code>ec-lightbox</code>).</li>
<li>Groups images by gallery container (each block with <code>ec-lightbox</code> is its own gallery).</li>
<li>Includes a <strong>Settings page</strong> in WordPress Admin.</li>
<li>Configurable behavior: loop, touch navigation, zoom.</li>
<li>Local vendor assets by default (no hard dependency on external CDNs).</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0+</li>
<li>PHP 7.0+</li>
<li>A block-based setup (Gutenberg) is recommended.</li>
</ul>
<h3>How to enable EC Lightbox on a Gallery block</h3>
<ol>
<li>Insert a <strong>Gallery</strong> block.</li>
<li>Select the <strong>Gallery block itself</strong> (not a single image inside it).</li>
<li>In the block sidebar, configure:
<ul>
<li><strong>Link to</strong> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>None</code></li>
<li>Disable <strong>“Open in lightbox” / “Enlarge on click”</strong> if present.</li>
</ul>
</li>
<li>Open the <strong>Advanced</strong> panel.</li>
<li>
<p>Add the following class:<br />
ec-lightbox</p>
</li>
<li>
<p>Update or publish the post.</p>
</li>
</ol>
<p>When users click an image inside that gallery, EC Lightbox will open and allow navigation through the gallery.</p>
<p>Note:<br />
Make sure individual images inside the gallery do <strong>not</strong> have click settings assigned.<br />
If these WP-native actions remain enabled, WordPress will attach its own click/lightbox behavior, overriding this plugin.</p>
<h3>⚙️ Settings Page (WordPress Admin)</h3>
<p>A configuration screen is available at:</p>
<p><strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> EC Lightbox</strong></p>
<p>Available options:</p>
<ul>
<li><strong>Loop images</strong>  </li>
<li><strong>Enable touch navigation</strong>  </li>
<li><strong>Enable zoom</strong>  </li>
<li><strong>Autoplay videos</strong> (for future video support)</li>
</ul>
<p>All settings are passed directly to the lightbox JavaScript on initialization.</p>
<h3>🧩 Filters & Developer API</h3>
<h3>1. Modify GLightbox options programmatically</h3>
<pre><code>`php
</code></pre>
<p>add_filter( ‘ec_lightbox_js_options’, function ( $options ) {<br />
    $options[‘loop’] = true;<br />
    $options[‘zoomable’] = false;<br />
    $options[‘openEffect’] = ‘zoom’;   // Any GLightbox option is accepted<br />
    return $options;<br />
});<br />
    `<br />
Options merged from:<br />
1. Plugin defaults<br />
2. Admin settings<br />
3. This filter (highest priority)</p>


EC Lightbox

EC Lightbox is a minimal WordPress plugin that adds a modern lightbox to galleries using GLightbox.

Mario Peshev

DevriX

<p>This plugin allows you to easily create an image gallery on any post, page or custom post type.<br />
Images are can be added and previewed from the metabox. Images can be re-ordered by drag and drop.</p>
<p>About:</p>
<p>There comes a time when you need more flexibility than the standard WP gallery offers, That’s when this plugin steps in.<br />
This plugin’s goal is to make it easy to create a gallery and place it wherever you need.<br />
A perfect example would be to create a product gallery for an ecommerce website and then<br />
have the flexibility to position it where you wanted to match your theme’s design.</p>
<p>Features:</p>
<ol>
<li>Added the possibility to add two or more different galleries on one page</li>
<li>Drag and drop re-ordering</li>
<li>Add gallery to any post, page or custom post type</li>
<li>If more than one image is added to the gallery, the images become grouped in the lightbox so you can easily view the next one</li>
<li>CSS and JS are only loaded on pages where needed</li>
<li>Images link to larger versions (can be turned off)</li>
<li>Fully Localized (translation ready) with .mo and .po files</li>
<li>Add multiple images to the gallery at once</li>
<li>Uses the thumbnail size specified in Settings -> Media</li>
<li>Custom webfont icon for hover effect</li>
</ol>
<h4>Whats’ New</h4>
<ol>
<li>Added Gutenberg Support</li>
<li>Added New Gallery – Luminous</li>
</ol>
<h4>Usage</h4>
<p>Use the shortcode or the function to show the gallery.</p>
<h4>Shortcode Usage</h4>
<p>Use the following shortcode anywhere in the content area to display the gallery</p>
<pre><code>[easy_image_gallery gallery="XXX"]
</code></pre>
<p>Where “XXX” is the ID of the gallery item.</p>
<h4>Template Tag Usage</h4>
<p>The following template tag is available to display the gallery</p>
<pre><code>if( function_exists( 'easy_image_gallery' ) ) {
    echo easy_image_gallery( "XXX" );
}
</code></pre>
<p>Where “XXX” is the ID of the gallery item.</p>
<p>If you use the template tag above, you will need to remove the default content filter:</p>
<h4>Developer Friendly</h4>
<ol>
<li>Modify the gallery HTML using filters</li>
<li>Developed with WP Coding Standards</li>
<li>Easily add your preferred lightbox script via hooks and filters</li>
<li>Easily unhook CSS and add your own styling</li>
<li>Pass in a different image size for the thumbnails via filter</li>
<li>Minimalistic markup and styling</li>
</ol>
<p><strong>Stay up to date</strong></p>
<p><em>Become a fan on Facebook</em><br />
<a href="https://www.facebook.com/DevriXLtd" title="Facebook Devrix" rel="nofollow ugc">https://www.facebook.com/DevriXLtd</a></p>
<p><em>Follow us on Twitter</em><br />
<a href="https://twitter.com/wpdevrix" rel="nofollow ugc">https://twitter.com/wpdevrix</a></p>


Easy Image Gallery

Easily create an image gallery on your posts, pages or any custom post type

EC Lightbox vs Easy Image Gallery