Àpèjúwe
ShelfBuilder Lite is a Gutenberg block plugin that lets you create curated, hand-picked grids with full drag-and-drop ordering. Unlike query-based blocks that automatically pull content, ShelfBuilder gives you complete control over which items appear and in what order.
How it works:
- Add the ShelfBuilder block to any page or post
- Choose a content type (Posts, Pages, or custom post types)
- Pick specific items from a searchable, scrollable list
- Drag and drop to arrange them in your preferred order
- Customize the grid layout with sidebar controls
Features:
- Drag-and-drop grid ordering with visual gap indicators
- Searchable item picker with tag filtering
- Customizable columns (1-6), gap spacing, and card max width
- Image aspect ratio options (square, landscape, wide, portrait)
- Text alignment controls (left, center, right)
- Grid padding for centered layouts
- Responsive design (2 columns on tablet, 1 on mobile)
- Lightweight — no jQuery dependency, minimal CSS, zero frontend JavaScript
Looking for WooCommerce support?
ShelfBuilder Pro adds WooCommerce products, product categories, product tags, pricing display, item counts, add-to-cart buttons, hierarchical category browsing, and product tag filtering — all for a one-time $1 purchase.
Àwọn àwòrán ìbòjú
The drag-and-drop grid editor with visual reordering 
Sidebar controls for content source and item selection 
Grid settings with columns, gap, padding, and card width options 
A rendered grid on the frontend
Àwọn ìdí
Plugin yìí pèsè 1 ìdí.
- ShelfBuilder Lite
Ìgbéwọlẹ̀
- Upload the
shelfbuilder-litefolder to/wp-content/plugins/ - Activate the plugin through the ‘Plugins’ menu in WordPress
- Add the “ShelfBuilder Lite” block to any page or post using the block editor
FAQ
-
Does this work with the block editor only?
-
Yes, ShelfBuilder is a Gutenberg block. It requires WordPress 6.0 or later with the block editor enabled.
-
Can I use this with WooCommerce products?
-
The Lite version supports Posts, Pages, and non-WooCommerce custom post types. For WooCommerce product grids, product categories, pricing, and add-to-cart buttons, check out ShelfBuilder Pro.
-
How many items can I add to a grid?
-
There is no hard limit. The item picker loads up to 200 items per content type, and you can select as many as you need.
-
Does this add any scripts to my frontend?
-
No. ShelfBuilder renders pure HTML and CSS on the frontend with zero JavaScript. The drag-and-drop editor interface only loads in the block editor.
-
Can I have multiple ShelfBuilder blocks on one page?
-
Yes, each block is independent with its own content type, item selection, and layout settings.
Àwọn àgbéyẹ̀wò
Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.
Àwọn Olùkópa & Olùgbéejáde
“ShelfBuilder Lite” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.
Àwọn Olùkópa
Túmọ̀ “ShelfBuilder Lite” sí èdè rẹ.
Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?
Ṣàwárí koodu, ṣàyẹ̀wò ibi ìpamọ́ SVN, tàbí ṣe àgbékalẹ̀ sí àkọsílẹ̀ ìdàgbàsókè nípasẹ̀ RSS.
Àkọsílẹ̀ àwọn àyípadà
1.0.0
- Initial release
- Drag-and-drop grid block with pointer-event-based reordering
- Searchable item picker with tag filtering
- Support for Posts, Pages, and custom post types
- Customizable columns, gap, aspect ratio, text alignment
- Grid padding and card max width controls
- Responsive frontend layout
- Vertical gap indicator during drag operations