Skip to main content

A carousel allows you to create a simple slideshow to display content. There are two components to this shortcode: the carousel wrapper and the carousel item. The carousel is responsive and will display an appropriate number of carousel items to fit the width of the device you are using.

Carousel

Carousel Wrapper Shortcode Breakdown

[heels_carousel_wrap]Insert Carousel Item shortcode here.[/heels_carousel_wrap]

The carousel wrapper is the shortcode that will encompass all of the carousel items. The carousel items must be wrapped in this shortcode, otherwise the carousel will not display correctly.

Carousel Item Shortcode Breakdown

[heels_carousel_item]Content[/heels_carousel_item]

The carousel item is the shortcode for each individual content item in the carousel.

Carousel Shortcode Example

Item 1

Lorem ipsum dolor sit amet.

Item 2

Lorem ipsum dolor sit amet.

Item 3

Lorem ipsum dolor sit amet.

Item 4

Lorem ipsum dolor sit amet.

Item 5

Lorem ipsum dolor sit amet.

Item 6

Lorem ipsum dolor sit amet.

Item 7

Lorem ipsum dolor sit amet.

Item 8

Lorem ipsum dolor sit amet.

To see an example code of the Carousel, click open the toggle below.

[heels_carousel_wrap] [heels_carousel_item]

Item 1

Lorem ipsum dolor sit amet.

[/heels_carousel_item] [heels_carousel_item]

Item 2

Lorem ipsum dolor sit amet.

[/heels_carousel_item] [heels_carousel_item]

Item 3

Lorem ipsum dolor sit amet.

[/heels_carousel_item] [heels_carousel_item]

Item 4

Lorem ipsum dolor sit amet.

[/heels_carousel_item] [heels_carousel_item]

Item 5

Lorem ipsum dolor sit amet.

[/heels_carousel_item] [heels_carousel_item]

Item 6

Lorem ipsum dolor sit amet.

[/heels_carousel_item] [heels_carousel_item]

Item 7

Lorem ipsum dolor sit amet.

[/heels_carousel_item] [heels_carousel_item]

Item 8

Lorem ipsum dolor sit amet.

[/heels_carousel_item] [/heels_carousel_wrap]