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.

leximo

<p>LexyBox is a simple, but powerful Lightbox script capable of displaying images or videos in a beautiful environment. But it is not just an ordinary lightbox, it can learn new things if you know how to script a bit. If you don’t, it will surely make your visitors stay on your website more enjoyable. Learn more on the official <a href="https://lexybox.leximo.cz/" rel="nofollow ugc">LexyBox website</a>.</p>
<h3>Supported media</h3>
<ul>
<li>Images: (jpeg, jpg, gif, png, svg, webp)</li>
<li>Video services: (youtube.com, vimeo.com)</li>
<li>Local videos: (mp4, ogg, webm)</li>
<li><a href="https://lexybox.leximo.cz/#services" rel="nofollow ugc">Add your own</a></li>
</ul>
<h3>Features</h3>
<ul>
<li>Gradual loading for large galleries</li>
<li>Three built in transition effects</li>
<li>Keyboard and touch control</li>
<li>Able to learn new things</li>
<li>Three built in themes</li>
<li>Fully responsive</li>
<li>Autoplay</li>
<li><a href="https://lexybox.leximo.cz/" rel="nofollow ugc">Other things</a></li>
</ul>


LexyBox

Simple lightbox script to display images and videos on your website in a nice environment.

EC Lightbox vs LexyBox