Stil Özelleştirme

Kart görünümünü ayarlayan seçenekler.

Panelde nerede

Product Cards → kart düzenleme → stil bölümleri.

Katman sırası

1. Marka teması       → ortak renk, köşe, yazı tipi
2. Kart stil ayarları  → bu karta özel
3. Container CSS       → kart kapsayıcısı
4. Custom CSS          → son söz

Çoğu durumda ilk katman yeterlidir.

Düzen ayarları

Ayar	Seçenekler	Not
Layout type	vertical, horizontal	Görsel üstte mi solda mı
Card width	auto, sabit px, %	auto slider sütun sayısına uyar
Card height	auto, sabit px	Sabit yükseklik kartları hizalar
Aspect ratio	1:1, 4:3, 16:9, auto	Görsel alanının oranı

Görsel ayarları

Ayar	Seçenekler
Image position	top, left, right, background
Image size	contain, cover, fill
Image border radius	Köşe yuvarlaklığı
Show image zoom	Fare üzerindeyken büyütme

background konumu, görseli kartın arka planına yerleştirir ve metni üzerine bindirir. Bu düzende metnin okunabilirliği için görsel üzerine karartma eklemeniz gerekir.

Container CSS

Kartın dış kapsayıcısına uygulanan CSS. Kartlar arası boşluk, kenarlık ve gölge burada ayarlanır.

Custom CSS

Kartın içindeki elementlere yazdığınız CSS. Tema değişkenlerini burada da kullanabilirsiniz.

Mobil

Ayrı bir mobil stil seti yoktur. Mobilde farklı görünüm için custom CSS içinde medya sorgusu kullanın:

@media (max-width: 640px) {
  .selwise-product-card { font-size: 13px; }
}

Ayrıca öneri widget'ının duyarlı ayarlarından mobilde kaç sütun gösterileceğini belirleyin — bkz. Görüntüleme Tipleri.