> For the complete documentation index, see [llms.txt](https://vshop.gitbook.io/vshop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vshop.gitbook.io/vshop/theme-sections/product-slider.md).
# Product slider
The Product Slider section displays a scrolling carousel of products from any selected collection. It’s ideal for showcasing featured, new, or best-selling items.
To customize the Product slider in our theme please follow the steps:
{% hint style="success" %}
Steps
1. In the theme editor (**Customize**), click **Add section**
2. Locate **Product slider**
3. **Save**
{% endhint %}
#### **Section Header**
* **Show “Section header”:** Enable to display a title and description above the slider.
* **Heading:** Enter a title for the section (e.g., *New Arrivals*, *Best Sellers*).
* **Description:** Add a short intro for the product group.
* **Text alignment:** Choose how the section title and text are aligned — *Left*, *Center*, or *Right*.
***
#### **General**
* **Layout:** Select the layout style (e.g., *Default*).
* **Color scheme:** Choose a color scheme that fits your store design.
* **Collection:** Select the Shopify collection to display.
* **Products to show:** Set how many products appear in the slider.
* **Sliders per view (desktop):** Choose how many products are visible at once — *3*, *4*, *5*, or *6*.
***
#### **Slider Settings**
* **Autoplay:** Automatically scroll through products.
* **Loop:** Make the slider repeat continuously.
* **Show arrow:** Display navigation arrows for manual control.
***
#### **Section Padding**
* **Padding top:** Adjust the top spacing (px).
* **Padding bottom:** Adjust the bottom spacing (px).
* **Remove default space between sections:** Remove default vertical spacing if needed.
