Component: Customer Orders (Legacy)

Note: This component is no longer in use from Limio Release 102 onwards. Customers should instead explore using the orders-table and payments-table components.

Purpose: Allow customers to view their personal and order information, with the ability for them to amend their payment details and amend their delivery address. Customers can also use this component to switch, suspend/resume or cancel a subscription.

Screenshot: Customer orders component in regular view.

Screenshot: Customer orders component in flat view.

Note: If reCAPTCHA is enabled on your site, it will perform checks on pages which use this component. Read more: How to keep bots out of your checkout

Props

id	label	type	default	purpose
showEmailTitle	Show email title?	boolean	true	If set to true, the customer email will display.
showCustomerInformation	Show customer information?	boolean	true	If set to true, the customer information, including the title plus their name and email, will display.
showSchedule	Show schedule?	boolean	true	If set to true, the customer schedules, including the date, title, quantity and amount, will display.
showAllScheduleItems	Show all schedule items?	boolean	true	If set to true, all schedule items will display.
showCancelButton	Show cancel button?	boolean	false	If set to true, a button which allows the customer to cancel their order will display.
showSwitchButton	Show switch button?	boolean	false	If set to true, a button which allows the customer to switch their order will display.
showGoBackButton	Show go back button?	boolean	false	A button which navigates to a new page. URL defined by goBackLink
numberOfScheduleItems	Number of schedule items	number	5	How many schedule items to show
customerHeading	Customer section heading	string	Customer Information	Title visible to customers
subscriptionsHeading	Subscription section heading	string	Subscriptions	Title visible to customers
addressHeading	Address section heading	string	Delivery Address	Title visible to customers
paymentHeading	Payment section heading	string	Payment Details	Title visible to customers
scheduleHeading	Schedule section heading	string	Schedule	Title visible to customers
changePaymentHeading	Change payment section heading	string	Amend Payment	Text visible to customers. If clicked the edit payment modal will open.
cancelHeading	Cancel section heading	string	Cancel my subscription	Link text visible to customers. URL defined by cancelLink
activateHeading	Activate Subscription section heading	string	Activate Subscription	Title visible to customers
switchHeading	Switch section heading	string	Amend Subscription	Link text visible to customers. URL defined by switchLink
dealsHeading	Deals section heading	string	Get more from Limio	Link text visible to customers. URL defined by dealsLink
goBackHeading	Go back heading	string	Return	Link text visible to customers. URL defined by goBackLink
paypalHeading	PayPal heading	string	Pay with alternative Paypal	Title visible to customers
paypalSubheading	PayPal subheading	string	Payment will be applied at the start of your next renewal date.	Subtitle visible to customers
cardHeading	Credit card heading	string	Pay with credit card	Title visible to customers
cardSubheading	Credit card subheading	string	Payment will be applied at the start of your next renewal date.	Subtitle visible to customers
achBankTransferHeading	ACH bank transfer heading	string	Pay with ACH bank transfer	Title visible to customers
achBankTransferSubheading	ACH bank transfer subheading	string	Payment will be applied at the start of your next renewal date.	Subtitle visible to customers
notFoundText__limio_richtext	Not found text	richtext	Sorry! We couldn't find any subscription information. Contact our support team for more information.	Text that will be displayed if there are no subscriptions found to display in the component.
flatView	Flat view?	boolean	false	If set to true, the flat view layout will be used (see screenshots above)
hidePaymentAddress	Hide Payment Address	boolean	false	If set to true, the billing address will display below the payment type.
limitSubscriptions	Limit Subscriptions?	boolean	true	If set to true, you can define the maximum number of subscriptions to display. Defined by subscriptionLimit
subscriptionLimit	Subscription Limit	number	1	If limitSubscriptions is set to true, this is the maximum number of subscriptions thats will display.
cancelLink	Link to cancel page	string	/cancel	URL for the cancelHeading to navigate to if clicked.
dealsLink	Link to deals page	string	/deals	URL for the dealsHeading to navigate to if clicked.
switchLink	Link to switch page	string	/switch	URL for the changePaymentHeading to navigate to if clicked.
goBackLink	Link to go back	string	/	URL for the goBackHeading to navigate to if clicked.
productName	Product Name (Leave it blank to use product name from the product/s on the offer)	string	limio	If present, the text here will override the product name displayed.
pendingChangeMessage	Pending change message	string	You have a pending change to your subscription. To change something else, please contact us.	Message displayed to the customer if there is a pending change to a subscription.
paymentChangeSuccessMessage	Successful payment change message	string	Your payment details have been updated for your subscription	Message displayed to the customer if there has been a successful amendment to their subscription.
invalidAddressMessage	Invalid address message	string	Address is required	Form feedback, visible to the customer, upon an invalid input.
address1Label	Billing Address line 1 label	string	Address line 1	Form label, visible to the customer.
address2Label	Billing Address line 2 label	string	Address line 2	Form label, visible to the customer.
cityLabel	Billing City label	string	{{city_name_type}}	Form label, visible to the customer.
stateLabel	Billing County / State label	string	{{state_name_type}}	Form label, visible to the customer.
postalCodeLabel	Billing Postal code / ZIP code label	string	{{zip_name_type}}	Form label, visible to the customer.
countryLabel	Billing Country label	string	Country	Form label, visible to the customer.
invalidCityMessage	Invalid city message	string	City is required	Form feedback, visible to the customer, upon an invalid input.
invalidStateMessage	Invalid state/county message	string	{{state_name_type}} is required	Form feedback, visible to the customer, upon an invalid input.
invalidPostalCodeMessage	Invalid zip/postal code message	string	{{zip_name_type}} is required	Form feedback, visible to the customer, upon an invalid input.
invalidCountryMessage	Invalid country message	string	Country is required	Form feedback, visible to the customer, upon an invalid input.
invalidPaymentMethodMessage	Invalid payment method message	string	Oops! Something went wrong. Please wait a moment and try again.	Form feedback, visible to the customer, upon an invalid input.
directDebitInfoText	directDebitInfoText	string	To edit your direct debit details please contact your bank.	Information, visible to the customer, instructing how to edit direct debit details.
componentId	Component Id		customer-orders-limio