# Carousel Block

*Article Topics:* [*Blocks*](https://docs.toomuchmedia.com/getting-started/common-topics/blocks)*,* [*Design*](https://docs.toomuchmedia.com/getting-started/common-topics/design)

## Overview

The Carousel Block allows you to feature a rotating set of slides, each with an image or video. You can apply optional text and a link to each of the slides, making it a great tool for showcasing new content, promoting featured models, or highlighting current offers. 

Each slide in the carousel can link to a different page, making it easy to direct visitors exactly where you want them to go. 

{% embed url="<https://youtu.be/yjBoZ8R21i0>" %}

## Slides

The **Slides** tab is where you create and manage your carousel content.&#x20;

### Adding Slides

You can add multiple slides to the block. Each slide represents a banner or promotional item in the rotation. For each slide, you can configure the following:

* Enable/Disable Toggle: Turn individual slides on or off as needed.
* Start and End Dates: Schedule when a slide appears or disappears.
* Media Type: Choose between an image or video for each slide.
* Banner URL: Provide the URL path to the media.
* Heading, Subtext, Button Tet: Add optional overlay text and a button to each slide.
* Button: Apply custom CSS classes to the button for styling.&#x20;

Each slide includes a **Link Type** setting that defines what happens when the slide is clicked:

* Link to Page: Direct the visitor to another page within your CMS.
* Static URL: Link to an external website.
* Signup Form: Redirect users to the signup page.
* Not Set: Keeps the user on the same page.&#x20;

The href Target field determines whether the link opens in the **same tab** or in a **new tab**.

### Slide Order

To change the display order of the slides, use the three dots on the left side of the list of slides and drag it to the desired position.

{% hint style="success" %}
TMM Tip: Placing your most important promotions as the first item will leave a good impression, since that will be the first thing someone sees when visiting the page containing the Carousel Block.
{% endhint %}

## Design Tab

All blocks contain Block Design and Block Content settings. These control how the block fits into the page itself. This may include:

* Adding background colors, padding, classes, or IDs to the block
* Changing the width of the block, and how it fits into your page

More information about Block Design and Block Content settings can be found [here](https://docs.toomuchmedia.com/content-management/member-areas-and-tours/themes/block-types/..#common-block-settings).

## Related Articles

{% content-ref url="" %}
[](https://docs.toomuchmedia.com/content-management/member-areas-and-tours/themes/block-types)
{% endcontent-ref %}

{% content-ref url="../pages" %}
[pages](https://docs.toomuchmedia.com/content-management/member-areas-and-tours/themes/pages)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.toomuchmedia.com/content-management/member-areas-and-tours/themes/block-types/carousel-block.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.