Only use this if you are using native RTP payment plan functionality.
Aspenware Payment Plan functionality has a similar looking widget but it does not require this setup as it is a native feature.
The Payment Plan Schedule displays on the Product Detail Page and requires setup in the HTML Widget itself to define which products the widget shows up on, which dates are displayed in the widget, and the amounts that display in the widget (determined by which product attributes are selected by the guest on the PDP). The section below will break down how to setup the HTML widget PDP Payment Plan Schedule Data in four easy steps. Reference the widget code above to see the full code as each section will only cover a part of it.
Customizing the text that will show on the PDP in the dynamic area on products above the View Payment Button and above the payment schedule in modal is done by updating the following blue segments of the code.
Change dates to match your payment schedule by updating the following blue segments of the code. Dates will show in the payment schedule modal. Only allowed to have a single schedule (set of dates) per shop across products.
Configure attribute values and map them to respective payment plan amounts. In the example below, the first id is 10790, which is the id for the adult option on the regular season pass - payment plan. To find that ID, go to the product editor, open product attributes, choose to edit the Age attribute, then edit the “Adult” value. From this editing product modal get the ID of the attribute value from the url. paymentPrice defined is the payment plan amount for the adult pass (before add ons). (The total price of the pass MINUS the deposit amount) Deposit is the deposit amount for the adult pass (before add ons). Repeat for all attribute values that could alter the payment plan price.
Finally, configure which products the payment plan HTML widget will show on by updating the code in blue below with desired Aspenware commerce product ids In the example below, three product ids are configured, and these two products will display this widget on the PDP. To get the product ID, go to Catalog>Products>Edit product and get the ID from the URL like the example below.
.