# 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="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FGpX17DHwI5ETpywnhDur%2FScreenshot%202023-12-20%20at%207.15.24%20PM.png?alt=media&#x26;token=c54ce6ff-5c19-4be5-b450-44b78607b0e2" 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="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FaMLr1J52PUVIqW29B8As%2FScreenshot%202023-12-20%20at%205.08.55%20PM.png?alt=media&#x26;token=2532e0e8-2498-43b4-8ee0-69d3f0b7af40" 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="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FHAx0XGl7h27EDzImRjXI%2FScreenshot%202023-12-20%20at%205.10.25%20PM.png?alt=media&#x26;token=867d263f-b9cd-4f35-b4cc-71256ddc22f6" 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="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FkSarcWF7rt8xZXxRCKHp%2FScreenshot%202023-12-20%20at%205.22.45%20PM.png?alt=media&#x26;token=81d39d2b-32e5-45e5-b176-024a25c7f7ab" 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="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FFEVRRCW7J5bGQTcdImE4%2FScreenshot%202023-12-20%20at%205.20.52%20PM.png?alt=media&#x26;token=23f009f9-6f82-4686-be30-d46c14ca3cad" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FfDz2HNJHHGbM90l2Ixvq%2FScreenshot%202023-12-20%20at%205.08.07%20PM.png?alt=media&#x26;token=e36520e2-9b7e-4994-b99b-2c034de1856c" 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>
