The product-subscriptions component (Vvveb\Component\Product\Subscriptions) lists the subscription plans attached to a product (recurring purchase options shown next to the one-time price).

Activate the component by adding:

data-v-component-product-subscriptions

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 subscriptions 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 subscription renders inside a data-v-subscription repeatable with plan name, billing period, price / price_formatted and trial fields. The component also exposes count.

HTML Example

<div data-v-component-product-subscriptions>
	<div data-v-subscription>
		<span data-v-subscription-name></span>
		<span data-v-subscription-price_formatted></span>
	</div>
</div>

Notes

  • For the standalone subscription-plan catalogue see the product-subscription-plans component (data-v-component-product-subscription-plans).