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

# Products Slider

Use this section to display products in carousel/slider on home pages or inner pages.

<div align="left"><figure><img src="https://1708375644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrsFZ0qmgr873lDxCKvMZ%2Fuploads%2F5mN2UmML7sf9Ni8QNGTB%2Fproducts-slider.jpg?alt=media&amp;token=d0f61450-79bf-4de3-adc2-2ef487cdeb81" alt=""><figcaption><p>preview product slider</p></figcaption></figure></div>

{% hint style="success" %}
Follow given steps to add this section:

* In the theme editor, click **Add section**

* Search **Products Slider**

* Click to add section and click **Save**
  {% endhint %}

* First you need to create a[ collection](https://help.shopify.com/en/manual/products/collections) of products then select it from section.

* Click on section to manage style.&#x20;

* **Section Settings.**

{% embed url="<https://youtu.be/5hYXjQvrPUE>" %}
