Orchard CMS — Content Carousel

Every website needs a Carousel (Image Slider) and this is a content that I use almost in every Orchard CMS Project.

Installation:

• Enable Import Export Module
• Enable Razor Templates Module
• Import Carousel.xml

This is a Bootstrap Carousel, so you must have Bootstrap installed to your Orchard Site. Bootstrap 3 is already installed in this head start Orchard CMS theme.

One the other hand if you do not want Bootstrap Carousel to your site, you can use the carousel you prefer. The only thing you have to do is to change the template Content_Detail__Carousel.

How to use it:

In your Layout Part, will appear in the Content Items Section, a Carousel item.

You can drag it wherever you want.

• Title: The title of the carousel content
• CSS classes: You can add Custom css classes for the carousel content
• Carousel Image: You can add as many images you want. You can edit an Image and you can add a Caption.
• Time in seconds: The amount of time in seconds to delay between automatically cycling an image.

Click Save and you are ready.

Originally published at https://orchardtricks.dotnest.com.