# Slideshow

Showcase your brand and products with Pipeline's powerful slideshow section. Customize your slides to promote products on both mobile and desktop devices.

<figure><img src="/files/cDprTY37oZ3Qc2926Y65" alt=""><figcaption><p><strong>Desktop image setting</strong></p></figcaption></figure>

### Mobile image

Portrait images can be used for mobile devices. Each slide can have a different mobile image:

<figure><img src="/files/fiyrzysUDSMpgE6AUY9F" alt=""><figcaption><p><strong>Mobile image setting</strong></p></figcaption></figure>

> ***Tip***: Use the ***Image height*** setting to view the entire image without any cropping. Especially helpful for mobile devices. Combined with turning off Parallax images in the Theme settings -> Layout under Animations will provide the best results.&#x20;

### Prioritize image loading

When checked, the first image of the slideshow will be prioritized ahead of other theme files. This ensures there's an image displaying in the first fold when shoppers first visit:

<figure><img src="/files/qXY1SYUdwwFJcfZKfL6O" alt=""><figcaption><p><strong>Section settings</strong></p></figcaption></figure>

> ***Tip:*** Check this box for only the **first** section on your homepage. Other sections on the page should remain unchecked.&#x20;

### Multiple buttons

Add the buttons block and configure up to three buttons placed horizontally:

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

### Transparent header

Blend your banner image with the header area:

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

Set the Padding top range slider to 0px (none) for best results:

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

In the Header section settings, enable Transparent header on the homepage:

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

Also add an Alternate logo that works best with your images. In our example, we've added a white alternate logo. The regular logo is black.&#x20;


---

# 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://pipeline.groupthought.com/sections/list-of-sections/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.