Lexus

Faceting on the Private Lease overview page

demo

The basic LeaseTool component renders a Faceting overview.

Copy paste the code below into the Private lease overview page.

For the acceptance environment, replace all instances of https://leasetools.lexus.nl with https://acc.leasetools.alcredis.nl/.

<link href="https://leasetools.lexus.nl/lexus/style.css" rel="stylesheet">
<script src="https://leasetools.lexus.nl/lexus/main.js" type="text/javascript" defer></script>
<div data-component="LeaseTool"></div>

Faceting on a Model Page

demo

To create a model specific Lease Tool page, add 3 attributes.

• One data-prop-model for the model slug;
• One data-prop-overview-url link to the general overview;
• One data-prop-model-url link template to the other model specific urls. In this template the variable %model% is replaced with the actual model slug;

Copy paste the code below into the Model Page and replace the data-prop-model value with one of the following:

• is
• nx
• ct
• ux-300e
• ux-250h

For the acceptance environment, replace all instances of https://leasetools.lexus.nl with https://acc.leasetools.alcredis.nl/. Also update the urls in the props to match the acceptance url.

<link href="https://leasetools.lexus.nl/lexus/style.css" rel="stylesheet">
<script src="https://leasetools.lexus.nl/lexus/main.js" type="text/javascript" defer></script>
<div data-component="LeaseTool"
    data-prop-model="ct"
    data-prop-overview-url="https://www.lexus.nl/finance/leasen/lexus-private-lease/"
    data-prop-model-url="https://www.lexus.nl/car-models/%model%/lexus-private-lease-%submodel%"></div>