PRO block. A WooCommerce product grid that lets donors add products to their donation total. Block ID: get-fund/product-selector.
Why use this
Some campaigns offer physical or digital goods alongside donations (for example, a t-shirt with a donation of a certain size). The Product Selector lets donors browse and select these products before completing the donation checkout.
What it does
The block renders a grid of WooCommerce products with quantity inputs. The products displayed are defined per-action via a meta box in the action’s admin edit screen. Selected products and quantities are added to the donation total when the donor proceeds to checkout via the Checkout Button.
Requirements
- Active Fundations Pro license
- WooCommerce installed and active
- Products assigned to the action via the admin meta box
How to use it
- In the WordPress admin, open the action and assign WooCommerce products to it via the Fundations Pro meta box.
- Add the Product Selector block to the action page template.
- Configure the layout and color settings in the inspector.
Settings and options
| Option | Type | Default | Description |
|---|---|---|---|
| Title | string | Add Products to Your Donation | Section heading text |
| Show title | boolean | true | Display the section heading |
| Columns | number | 1 | Number of product grid columns |
| Image size | string | thumbnail | WordPress image size for product images |
| Price color | string | #4a9d44 | Product price color |
What you can and cannot do
- Products must be assigned to the action in the admin. The block cannot display all WooCommerce products; it only shows those assigned to the current action.
- This block is designed to work with the Checkout Button, not the standard donation form.
- Requires Fundations Pro and WooCommerce.
Troubleshooting
Block shows no products: No products have been assigned to this action. Edit the action in WordPress admin and add products in the Fundations Pro meta box.