# Slideshow

<div data-full-width="true"><figure><img src="/files/dHaPBf9wiTvRsPXBrcnP" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxify_slideshow&#x26;utm_campaign=anchor-text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

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

## What is a slideshow

A slideshow is a quick and interactive way to showcase content and information on your site. Slideshow lets you display your most popular products/collections or shout out about what's new with a call-to-action button.&#x20;

## Customize a slideshow

After [adding a slideshow section](/foxify-app/legacy-editor/sections-and-presets.md#add-a-section), you can start customizing it to your liking.&#x20;

### Section settings

#### Container

You can choose your Container type as Fixed width/Full width/Narrow width/Extended width.

<figure><img src="/files/7nGjI1odre7HoADklt4A" alt=""><figcaption></figcaption></figure>

#### Slide height

There are 5 options for the slide height to choose from:

* Adapt to image
* Small
* Medium
* Large
* Custom height.

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

If you choose **Custom height,** use the toggle to adjust the slide height value between 0 and 800 px.

<figure><img src="/files/5LV1tbBCYH0tPjxJDCH2" alt=""><figcaption></figcaption></figure>

#### Navigation and pagination

Check the corresponding boxes if you want to enable navigation and/or pagination on your slideshow.&#x20;

Please note, navigation and/or pagination show when you have two or more image slide blocks in your slideshow.

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

{% tabs %}
{% tab title="Pagination type as Bullets" %}

<figure><img src="/files/HAWdGSfVj92gb0eRhvjf" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Pagination type as Numbers " %}

<figure><img src="/files/6yzia76iUHPmHFrInsel" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

You can also make your slideshow's content auto-rotate and set the duration time (between 1 and 10s).

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

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

#### Mobile layout

<figure><img src="/files/6AXK9gvYpsZvHlIL8FMq" alt=""><figcaption></figcaption></figure>

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

### Block settings

A Slideshow section includes:&#x20;

* Image slide
* Video slide
* Image only with link

<figure><img src="/files/2cz7VF3gI6m0LPTxJWxw" alt=""><figcaption></figcaption></figure>

Each Image slide/Video slide comes with a heading, text, and button child blocks. After adding a child block, click on it to customize.&#x20;

#### Heading&#x20;

Select a text style from your [Global styles, ](/foxify-app/page-management/global-styles.md)then add text for Heading and adjust its tags if needed.

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

#### Text and Rich text

Similarly, you can choose your text styles and add text for your Text block.

<figure><img src="/files/2qEQDHYAAxaD5nlDM31D" alt=""><figcaption></figcaption></figure>

#### Button

Add a button to direct your visitors to your desired page. Choose a button style from your [Global styles](/foxify-app/page-management/global-styles.md#buttons); add the button's label, links, and icon (optional).&#x20;

You can also set the icon position as left or right.

Learn more about styling a button here:  [Add and style buttons](/foxify-app/legacy-editor/page-elements/add-and-style-buttons.md#how-to-customize-a-button)

<figure><img src="/files/CPoDJP60oRwwGJZiNAN7" 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://docs.foxecom.com/foxify-app/legacy-editor/sections-and-presets/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.
