# Slideshow

***

Slideshow lets you display your most popular products/collections or shout out about what's new with a call-to-action button.

### 1. Our guide to set up a Slideshow section:

{% hint style="info" %}
**Steps:**

* In the theme editor, click **Add section.**
* Select **Slideshow.**
* Click **Save.**
  {% endhint %}

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/bd6387f9-7139-4ef8-8c85-79649a011a6d/Screenshot%202023-11-16%20at%201.37.14%20PM.png" alt=""><figcaption></figcaption></figure>

### **2. Section blocks: Image slide**

<figure><img src="/files/ScnxZN1Wp9USScLtQktd" alt=""><figcaption></figcaption></figure>

* Add some text for the slide’s **Heading** and **Subheading**, then determine the content's size by choosing a value in the **Heading size** (**Small**, **Medium**, and *Large*).

<figure><img src="/files/gBBTWNZ2HgZ0DG1BdJFK" alt=""><figcaption></figcaption></figure>

* You can display a call-to-action **button** to redirect customers to your desired pages/collections. Add a **Label** and **Link.** Leave the button label blank if you don't want to display the button in your slide.

<figure><img src="/files/4MZeLeq85MzVQ3IMR63j" alt=""><figcaption></figcaption></figure>

* You can use the dropdown options to change the **position** of the content on the Slide (desktop view). Available positions are Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, and Bottom right.

<figure><img src="/files/FHFshggMIb4ke4U4Kv1E" alt=""><figcaption><p><strong>Desktop content position: Middle Center</strong></p></figcaption></figure>

* You can change the **Desktop/Mobile content alignment:** choose between **Left**, **Center**, or **Right.**

<figure><img src="/files/zN4eoD5BSQuX4NjiHNie" alt=""><figcaption></figcaption></figure>

### **3. Slideshow section settings:**

* Click on the **Slideshow** section to open the section settings.

<figure><img src="/files/36GWUXj8HgdLGmdV2XBt" alt=""><figcaption></figcaption></figure>

* **Design settings:**

You can adjust the **Slide height** for the slideshow:

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/b76849c3-3290-4d5c-9128-76eceb92a5f4/Screenshot%202023-11-15%20at%203.42.51%20PM.png" alt=""><figcaption></figcaption></figure>

When choosing "**Adapt to first slide image**", the slide height will follow the image ratio of the first slide. It will not be cropped.

* **Auto-rotate slides:**

Enable **Auto-rotate slides** to run the slideshow automatically. The duration time to change slides is between 3-9 seconds. If you don't want to use rotation, you can disable it and use pagination or navigation.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/6e5205ab-36e6-4de1-8b5f-5c3ada57aa12/Screenshot%202023-11-15%20at%203.50.53%20PM.png" alt=""><figcaption></figcaption></figure>


---

# 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://help.inspiredtheme.com/articles/sections/sections-available-in-inspiredtheme/slideshow.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.