Aisol Process Steps

Build a "how it works" section from your CMS in three steps. Drop a Collection List into the Steps (CMS) slot and turn off its Pagination. Name the text layers in your CMS item "Title" and "Body", and an optional image layer "Image". Every CMS item becomes one numbered step in your own item design, and the component draws the numbers and the connecting line.

Your list is never changed; the component shows its own copy of each item. The list is read and hidden, so a Load more button is not shown. Hover effects and interactions inside CMS items are not carried over to the steps; links inside items work as normal links. Layer names can be changed in the panel; a missing layer is fine. With Style CMS layers on, your titles, text and images take the component's colours, font, text size and radius. Turn it off to keep your own design. A plain frame in the slot also works as one step.

No CMS yet? Leave the slot empty and type steps in the Steps list: eyebrow, title, description, image and a title link.

Layout: vertical, or a row that stacks under a width you set. Numbers, dots or no markers, connector line, card fill, alignment, gap, radius and max width.

Motion: steps fade up as they scroll into view. Reduced motion shows the finished list.

Steps are a real list and CMS titles are announced as headings at the level you choose. The canvas shows a still preview with the Collection List as one block; steps are split and numbered in Preview and on the published site.