# Hazır Tasarımlar

Hazır kart şablonları
Kaynak: https://selwise.com/docs/product-cards/templates

Hazır tasarım, kartın başlangıç düzenidir. Seçtikten sonra her öğesini değiştirebilirsiniz; hazır tasarım bir kalıp değil, düzenlenebilir sıradan bir öğe kümesidir.

## Panelde nerede

- Yeni kart (**Create Product Card**) her zaman **Standard** ile açılır.
- Başka bir hazır tasarım için **Product Cards** → kart → **Designer** (Tasarımcı) içinde **Clear design** (Tasarımı temizle) ile tuvali boşaltın; açılan ekranda **Or start from a preset** (Ya da hazır bir tasarımla başlayın) galerisinden seçin. Temizleme onay ister ve mevcut tasarımı saklamaz.

## Beş hazır tasarım

| Tasarım | Görünüm | Ne zaman |
|---|---|---|
| **Minimal** | Görsel, ürün adı, fiyat. Başka hiçbir şey yok | Dar şeritlerde, çok ürünlü ızgaralarda, mobil öncelikli yerleşimlerde |
| **Standard** | Marka, ad, üstü çizili eski fiyat, indirim etiketi ve sepet düğmesi | Çoğu durumda. Emin değilseniz bununla başlayın |
| **Fashion** | Üzerine gelince değişen ikinci görsel, rozet yığını, favori kalbi, üzerine gelince beliren sepet düğmesi ve renk örnekleri | Moda ve giyimde; beslemede ek görsel ve renk grubu varsa |
| **Detailed** | Standard'a ek olarak puan ve stok durumu | Az sayıda ürünün gösterildiği, karar verdirmeyi amaçlayan yerleşimlerde. Ürün detay sayfasındaki "benzer ürünler" bölümü gibi |
| **Horizontal** | Görsel solda, bilgiler sağda | Liste görünümünde, arama sonuçlarında, dar ama uzun alanlarda, çekmecelerde |

**Fashion**'ın ikinci görseli ve renk örnekleri beslemenizden gelir; besleme bunları vermiyorsa o öğeler çizilmez, kart yine düzgün görünür. Bkz. [Kart Tasarımcısı](/docs/product-cards/designer).

## Şablon yerine kendi HTML'iniz

Tasarımcının veremediği bir düzen için kartın HTML'ini kendiniz yazarsınız: bkz. [Özel Kart Oluşturma](/docs/product-cards/creating). Kütüphane'de ürün kartı yüzeyi için kayıtlı HTML, CSS ve JavaScript şablonlarınız da vardır; bunlar **My own code** (Kendi kodum) editöründeki **Templates** düğmesiyle uygulanır. Bkz. [Kütüphane](/docs/library/overview).

## Birden fazla kart

İhtiyacınıza göre birden fazla kart tanımlayıp farklı yerlerde kullanabilirsiniz:

| Yer | Kart |
|---|---|
| Ana sayfa şeridi | Standard |
| Arama sonuçları | Horizontal |
| Sepet önerisi | Minimal |
| Ürün sayfası benzer ürünler | Detailed |
| Moda kategorisi şeridi | Fashion |

Kartı yüzeye bağlamak için öneri widget'ında ya da arama yapılandırmasında **Product Card Template** alanını kullanırsınız; seçmezseniz kanalın varsayılan kartı çizilir. Bkz. [Ürün Kartları](/docs/product-cards/overview).

## Eski şablon adları

Tasarımcıdan önce yapılmış kartlar şu şablon adlarından biriyle oluşturulmuştu: `minimal`, `standard`, `detailed`, `compact`, `horizontal`, `custom`. Bu kartlar alan listesinden çizilmeye devam eder; mağazadaki görünümleri siz bilerek dönüştürmeden değişmez.

Böyle bir kartı açıp **Designer**'a (Tasarımcı) geçtiğinizde iki seçenek görürsünüz:

- **Convert current card** (Mevcut kartı dönüştür): bugünkü alan listesini, görsel konumunu, hover etkisini, düğmeyi ve rozetleri düzenlenebilir öğelere çevirir. Mağazada şu an çizilenin birebir aynısını üretir; siz değiştirene kadar hiçbir şey değişmez. Kaydedince kart artık tasarımdan çizilir.
- Hazır tasarımlardan biri: kartın yerine geçer; alan seçimleriniz korunmaz, görünümü yeniden kontrol edin.

Eski bir kartta tasarıma geçince geri dönüş **Clear design** iledir; bu kartı tasarım öncesi alan listesine döndürür ve tasarımı saklamaz.