This custom MVC page builder widget can be used to add a carousel to your pages which displays images, text, and optionally a button to redirect to a new page.
You can use Visual Studio's Package Manager to install the widget from NuGet.
This widget requires jQuery to be loaded on the live site, in the page's <head>.
To begin using the widget, you must create at least one content-only page type which will represent the carousel items. The page type must contain the following fields:
- Title (Text) - The title of a slide
- Text (Text) - The text of a slide
- Image (Text) - The URL of a media file used as the slide's image
Optionally, the page type can contain two other fields which are used to display a call-to-action button on each slide:
- CtaText (Text) - The text of the CTA button
- CtaUrl (Text) - Where the user will be redirected to
All of these fields can use the Text Box form control, though for the Image field you can use Media Selector.
Once you have one or more of these page types, you can add the widget to a page, and use the Page Type inline editor to select your page type, and the Path inline editor to tell the widget from where to load the slides.