---
title: Varyant tipi item'ını düzenleme ve varyant değerlerini listeleme
description: Varyant tipi item'ını düzenleme ve varyant değerlerini listeleme.
---

<Video src="/media/ikas-studio/basic-examples/product-detail/variant-picker/updating-variant-type-item.mp4" autoPlay muted loop controls />

## Item stillerini güncelleme

İlk element'i seçerek `flex-direction` ve `gap` stillerini güncelleyin.

## Varyant tipi adını bağlama

Bir **Yazı** element'i ekleyin ve **İçerik** alanına tıklayarak **Veri Bağla** kısmından `displayedVariantTypeListItem` > `variantType` > `name` verisini bağlayın. Ardından `font-size`, `font-weight` ve `line-height` stillerini güncelleyin.

## Varyant değerlerini listeleme

Yeni bir **Çerçeve** element'i ekleyin ve sağ tıklayarak **Stili Temizle** işlemini uygulayın. Ardından `flex-wrap` ve `gap` stilini güncelleyin.

Bu element'e sağ tıklayarak **Veri Bağla** kısmından `displayedVariantTypeListItem` > `displayedVariantValues` verisini seçin. Açılan modalda **List Component Name** alanına `DisplayedVariantValuesList` yazın ve **Kaydet**'e basın.

Oluşan listeye çift tıklayarak detayına gidin.