Lightbox for Gallery & Image Block
This WordPress Plugin adds a simple & lightweight Lightbox to the standard WordPress Gallery & Image Block. It detects if a post contains a Gallery or Image Block and then loads & initialize baguetteBox.js, a pure JavaScript Lightbox script without any dependencies and a modern minimal look. There is no lock in effect. It does not add a new Block Editor/Gutenberg Block and relies solo on the standard WordPress Gallery and Image Block. You can deactivate this plugin at any time and your Gallery and Image Blocks will work as they’ve done before. Just without the lightbox. Just one important thing to remember: You always have to select Link → Link to image file or Link images to media file (see screenshots below) for all of your Image & Gallery Blocks to work properly. If you choose None or Link to attachment page it will not work. But that’s fine if you don’t want the Lightbox for a specific Image or Gallery. Take a look at the YouTube video from Jakson where he reviews this plugin: Features Here are the features of baguetteBox.js: Written in pure JavaScript No dependencies (e.g. jQuery) Image captions support Responsive Supports swipe gestures Around 13 KB, 7 KB gzipped Works with Gallery Block (Default Block) Image Block (Default Block) Media and Text Block (Default Block) Gallery (Default Classic Editor Gallery) CoBlocks Gallery Collage / Masonry / Offset / Stacked Meow Gallery (+ Gallery Block) Don’t forget to select Link to → Media File for all of your Galleries & Images to work properly. Notice: At the moment, just Blocks inside a post are supported. Not Blocks in a Widget. You can make it work but have to enqueue the necessary style & script yourself. See FAQ –> How to enqueue the necessary assets (script & style) for blocks outside of posts or for block types that are not supported by default?
Top keywords
- block13×4.19%
- gallery12×3.87%
- image9×2.90%
- blocks5×1.61%
- default5×1.61%
- link5×1.61%
- work5×1.61%
- image block4×1.29%
- lightbox4×1.29%
- block default3×0.97%
- block default block3×0.97%
- default block3×0.97%
Product Carousel Block for WooCommerce
Lime Product Carousel Block adds a native Gutenberg block to showcase your WooCommerce products in a smooth, responsive carousel. Built with Embla Carousel — no jQuery, no slick, no bloat. Add it to any page, post, or widget area. Configure everything from the Inspector panel without touching code. Check out our other WooCommerce plugins at limewoo.com. What you can display Newest products — latest published by date Sale products — products currently on sale Products by category — pick one or more product categories Carousel controls Touch and drag on mobile and desktop Configurable slides visible at once — independently for desktop, tablet, and mobile Optional autoplay with configurable speed Prev / next navigation arrows (optional) Dot indicators (optional) Configurable gap between slides Product card options Show or hide: product price, star rating, Add to Cart button Working AJAX Add to Cart — cart quantity updates in real time Sale badge on discounted products Card alignment: left, center, or right Hover lift animation with drop shadow Style controls All styling is done from the Inspector panel — no CSS required: Accent color (buttons, price) Title color, font size, font weight Price color, font size Button background color, text color, border radius Performance Full HTML output cached via WP transients — one DB query on the first load, then served from cache Cache invalidates automatically on stock changes, price updates, and scheduled sales Compatible with page caching plugins Editor experience Live server-side preview in the block editor Styles update instantly in the preview as you change settings No configuration outside the editor Developer friendly Declares HPOS (High-Performance Order Storage) compatibility Declares block cart / checkout compatibility Uses WC_Product_Query — no raw DB queries Cache TTL filterable via lpcb_cache_ttl filter All classes namespaced under Lime_Product_Carousel_Block Full source available on GitHub Requires: WooCommerce 8.0+ Development The plugin’s JavaScript and CSS are compiled from source. Full source code is on GitHub: https://github.com/Limewoo/lime-product-carousel-block To build from source: Clone: git clone https://github.com/Limewoo/lime-product-carousel-block.git Install dependencies: bun install (or npm install) Production build: bun run build Watch mode: bun run start Source files live in src/. Compiled output goes to build/. Do not edit build/ directly.
Top keywords
- product6×1.64%
- products6×1.64%
- block
