Pricing list
Render the built-in Pineapple subscription pricing list.
Code name: Pricing · Category: Specialised
Registered in the live renderer. Website context and the limitations below still apply.
When to use it
This specialised block displays Pineapple’s own plan presentation. It is not a general editor for your business’s service prices. Use cards or existing Products for customer offers.
In the editor
- Confirm that the built-in Pineapple plan list is the intended content.
- Use the available presentation settings.
- Check the displayed plans against the intended page before using the block.
Example
This example uses illustrative content. Media placeholders must be replaced with your own assets; data-backed blocks need the normal website context.
<Pricing />Behaviour and limitations
- The current renderer passes useNewPricing to its pricing list and does not consume data.
- Do not invent a data array to change plan names or prices. Pricing publication and payment setup are separate concerns.
Property reference
Types below describe the editor controls and known choices, not every value accepted by the renderer. A renderer default is extracted from its parameter; an editor-only default does not prove the runtime default. “Not declared here” does not mean required. Preserve omitted values unless the requested edit needs them.
| Property | Editor value type | Default evidence | Guidance |
|---|---|---|---|
data | See guidance | Not declared here | data. See the usage notes for this block. Catalog only: verify before use. |
backgroundColor | See guidance | Not declared here | Background colour. Theme-derived appearance can still depend on the surrounding section. |
spacing | object | Not declared here | An object of spacing settings. Preserve existing responsive values when changing a single setting. |
animationType | "none", "fade-up", "fade-down", "fade-left", "fade-right", "flip-up", "flip-down", "flip-left", "flip-right", "zoom-in", "zoom-left", "zoom-right" | "" (renderer) | Entrance animation setting. Use a supported editor value; preserve it for unrelated edits. |
screenList | string | "" (renderer) | Comma-separated device names to hide on: mobile, tablet, desktop. An empty string hides on none. |
useNewPricing | boolean | false (editor only) | Use new pricing. See the usage notes for this block. |
