> For the complete documentation index, see [llms.txt](https://sitesbyseth.gitbook.io/sitesbyseth-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitesbyseth.gitbook.io/sitesbyseth-docs/skeleton/sections/slideshow.md).

# Slideshow

A rotating hero with up to 6 slides, each with its own image, text, and button — plus four transition styles including the theme's signature **glitch** effect.

**Where to use it:** the top of the homepage as an alternative to the single Image banner, when you have several drops/campaigns to feature at once.

## Settings

* **Transition** — how slides change:
  * **Glitch** (default) — a digital distortion effect. Very Skeleton.
  * **Fade** — soft crossfade. Safe and classic.
  * **Slide** — slides push in from the side.
  * **Wipe** — the next slide wipes across.
* **Auto-rotate slides** (on by default) — slides advance on their own.
* **Seconds per slide** (3–10s, default 6) — how long each slide stays. Give slides with text at least 5 seconds.
* **Slideshow height** (30–100vh, default 70) — height as a percentage of the screen.
* **Overlay opacity** (0–80%, default 20) — dark layer for text readability.
* **Text color** (default `#FFFFFF`).
* **Show arrows** (on by default) — previous/next arrows.
* **Show dots** (on by default) — position dots along the bottom.

## Blocks

### Slide (up to 6)

Each slide has:

* **Image** — landscape, at least 2000 px wide.
* **Eyebrow** — the small label above the heading (default "New season").
* **Heading** — the big line (default "Slide heading").
* **Text** — optional supporting line.
* **Button label** (default "Shop now") and **Button link**.
* **Button style** — **Solid**, **Accent** (default), or **Outline**.
* **Content alignment** — left, center, right (per slide).
* **Vertical position** — Top, Middle (default), Bottom (per slide).

💡 **Pro tip:** two or three strong slides beat six weak ones — most visitors only ever see the first two. Put your single most important message on slide 1, and make sure each slide's button links somewhere different, or you didn't need a slideshow.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://sitesbyseth.gitbook.io/sitesbyseth-docs/skeleton/sections/slideshow.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.