Price List Block

This block provides a way to add pricelists to your website. The block is specifically created to be easy to use, flexible and easy to modify quickly.

• Simplicity: The block is as simple as it can be. It’s a block that creates a priclist. That’s what it’s for, nothing else. No confusing settings, styling of the fonts is inherited from your own stylesheet mostly.
• Flexibility: The block adapts to multiple sizes. So you can use it anywhere, in the sidebar, main content, footer, etc.. The line between the description and price will be automatically modified to fit inbetween the two parts. This also allows combining the block with other blocks.
• Maintainability: The block-settings to disable and enable some fields make the pricelists extremely easy to edit. You can e.g. just keep the prices editable and press tab, edit price, press tab, edit price, etc..

Further Documentation

More examples and further documentation can be found here.

Donations

Donations for developing and maintaining this block are most welcome. Make a donation on the donation page.

Source Code

For those interested, the source code is available on GitHub. A good understanding of React, TypeScript and SASS is indispensible to understand the codebase.

1.0

Features
* Initial release

1.2.0

New features
* Enabled a block preview in the gutenberg editor

Bugfixes:
* Fetch blockname from block.json instead of duplicating the value.
* Explicitly added @wordpress/env as dev-dependency

Other
* Tested up to WordPress version 6.6.2 ( previously 6.0.3 )
* Removed the self-promotion in the sidebar ( it wasn’t effective )