Hazır Tasarımlar

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ı.

Ş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. 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.

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ı.

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.