The Parking Options Teaser shows a selection of different parking options in different ports in Germany. By clicking on the parking item user can open modal window, which lists more details.
The user has the possibility to inform himself about the different parking options.
This Teaser works with Content Fragments and an Experience Fragment. The experience fragment is the container that holds a 2 column layout: on the left, a Content Fragment and on the right a Teaser. You can choose whatever you want on the columns in the Experience Fragment.
- text:
- sling:resourceType: aida-component-library/core/components/content/parkingOptionTeaser
- fragmentPath: /content/dam/aida-component-library/demo/fragments/parkings/aida-parkings
To start go to folder Parkings inside Fragments in
Assets/Aida Website/Fragments/Parkings/
Select link tool to cancel inheritance
In this case select a new parking item option from the list. Depending on the master, the path can variate, but should be always inside the fragments folder
Select Content Fragment "AIDA Parkings". This document is an overview of all cities that offers parking options.
In this document, you select the cities in the Content Fragments that are available in the section Parking Items. See the previous image to see where to find the items.
Select Content Fragment: Parking Items.
In these documents, you can edit the city name, and features that this location offers.
Here you can add or remove features available in this location. You can add up to three features for each location.
Select Content Fragment: Parking Item Options
Here you can edit each feature this parking place offers.
Here you can edit basic information like feature title and price.
In this section, you can edit the information, that the Popup modal window displays when the user clicks on a feature in the Teaser.
As an editor, you will create a new Experience Fragment, put on the left of the XF the Parking Item Option Component, and insert the Variations from the menu in it. On the right, add the Teaser with the style you want.