The product-subscription-plans component (Vvveb\Component\Product\Subscription\Plans) lists subscription plans for a product from the subscription catalogue (billing cycles available for recurring orders).
Activate the component by adding:
data-v-component-product-subscription-plans
Component Options
Add options as HTML attributes using the data-v-* syntax.
| Option | Attribute | Description | Default |
|---|---|---|---|
| start | data-v-start |
Starting offset | 0 |
| limit | data-v-limit |
Number of plans | 7 |
| site_id | data-v-site_id |
Site ID | Current site |
| language_id | data-v-language_id |
Language ID | Current language |
| product_id | data-v-product_id |
Product ID, from URL by default | url |
| parent_id | data-v-parent_id |
Filter by parent | null |
| search | data-v-search |
Filter by text | null |
Component Properties
Each plan exposes the subscription-plan record fields (name, billing frequency, price / price_formatted, trial data).
HTML Example
<div data-v-component-product-subscription-plans>
<div data-v-plan>
<span data-v-plan-name></span>
<span data-v-plan-price_formatted></span>
</div>
</div>