---
title: Ürün slider'ı oluşturma
description: Ürün detay bölümüne ürün slider'ı ekleme.
---
## Slider element'i ekleme
**Elementler** kısmından bir **Slider** element'i ekleyin. Açılan modalda slider değişkenine bir isim verebilirsiniz. Ardından **Kaydet**'e basın ve element'i daha önce `border` stili uyguladığınız çerçeve element'inin içerisine taşıyın.
## Slider stillerini kademeli temizleme
Slider üzerinde varsayılan stiller ile gelir. Bu aşamada tam bir stil temizleme yapmak yerine stilleri kademeli olarak temizlememiz gerekir.
İlk slider element'ini seçin — bu element, slider'ın kapsayıcı element'idir. Ardından sağ kısımdaki `padding` ve `background-color` stillerine sağ tıklayarak **Varsayılana Dön** seçeneğini kullanın.
## Ok ikonlarını güncelleme
Sağ ve sol okların kapsayıcı çerçeve element'ini seçin ve aşağıdaki stil özelliklerini güncelleyin:
- `border`
- `border-radius`
Ardından iç kısımdaki ikonların tipini **Bold** olarak belirleyin ve `font-size` stilini güncelleyin.
## Slider'ı önizleme
Sayfaya geri dönerek slider'ınızın çalışmasını inceleyebilirsiniz.
Slider'ın çalışma yapısı **Tasarım** modunda görüntülenemez. Slider'ı çalışır halde görmek için **İçerik** moduna geçmeniz gerekmektedir.