Görünüm

Arama kutusunun ve sonuç panelinin renkleri, metinleri ve konuma özel ölçüleri. Konumu seçmek ve tetikleyiciyi bağlamak için Kurulum, sonuçların içeriği için Yapılandırma sayfasına bakın.

Panelde nerede

Personalization → Search → Configuration → Appearance. Bölüm dört karttan oluşur, yukarıdan aşağıya: Search Position, Styling, Text & Translations ve View All CTA. Yandaki önizleme her değişiklikle güncellenir; önizleme örnek ürünlerle çizilir.

Konuma özel ayarlar

Search Position kartının altında, seçili konumun kullandığı ayarlar ayrı bir bölümde görünür. Konumun kullanmadığı alanlar hiç gösterilmez; çünkü widget onları zaten ezer ve burada değiştirmeniz mağazada hiçbir şeyi değiştirmez.

Konum	Bölüm	Alanlar
Modal Popup ve Floating Button	Modal Sheet	Width, Max Height, Corner Radius, Shadow. Yüzen düğme de aynı pencereyi açar; ikisi aynı yüzeyi çizer.
Floating Button (ve özel tetikleyicisi olmayan her konum)	Floating Button	Button Size, Offset From Corner, Button Color, Icon Color, Corner Radius, Shadow, Shadow Color, Hover Shadow
Sidebar Panel	Sidebar Panel	Panel Width (300, 400, 480, 600 piksel), Shadow
Mega Panel	Mega Panel	Dock Under Element (CSS selector), Max Width, Horizontal Padding, Vertical Padding, Corner Radius, Shadow, Bottom Border, Search Input, Show Panel Title Bar
Inline	Inline Placement	Dropdown Width, dört Margin ve dört Padding
Fullscreen	yok	Görüntü alanını kaplar; renk, sonuç ve tipografi Styling kartından

Mega Panel'de Search Input iki değer alır: inside (arama kutusu panelin içinde) ve hidden. Mağazanızın başlığında zaten bir arama alanı varsa ve tetikleyici o alana odaklanıyorsa hidden seçin; iki kutu üst üste çizilmez. Dock Under Element boşsa panel, tetikleyicinin en yakın header elementinin altına, o da yoksa sayfanın tepesine yerleşir.

Yüzen düğmenin rengi ve ikonu varsayılan olarak marka temasından gelir.

Styling

Styling kartı seçili konumda anlam taşıyan bölümleri sekmeler halinde listeler:

Bölüm	Ne ayarlanır
Colors	Arka plan, metin, vurgu, kenarlık, kaplama rengi ve saydamlığı
Search Input	Girdi kutusunun rengi, kenarlığı, yüksekliği, ikon ve temizleme düğmesi
Results Container	Sonuç kutusunun en büyük yüksekliği, kenar yuvarlaklığı, gölgesi, mobil kırılma noktası
Result Items	Izgara sütunları, kart boşlukları, üzerine gelme efekti
Images	Görsel boyutu, sığdırma, kenar yuvarlaklığı
Typography	Yazı tipi ve boyutlar, fiyat renkleri
Badges & Highlights	İndirim rozeti ve eşleşme vurgusu renkleri
Animations	Animasyon türü, süresi
Category Styling	Kategori listesinin rengi ve ray genişliği
Currency & Localization	Para birimi simgesi, konumu, ondalık ve binlik ayırıcı
Custom CSS	Kendi CSS'iniz (örn. .ws-search-item sınıfına kural)

Bazı alanlar yalnızca belirli konumlarda görünür: Max Height ve Container Radius yalnızca Inline ile modal pencerede (Modal Popup ve Floating Button); Container Shadow ve Container Border yalnızca Inline'da; kaplama rengi ve saydamlığı Inline dışındaki konumlarda.

Renk alanlarına dokunmadıysanız arama marka temasını izler: varsayılanlar marka belirteçlerine bağlıdır (var(--selwise-brand, ...) gibi), bu yüzden marka rengini değiştirmek aramayı da değiştirir. Bir alanı kendi değerinize sabitlediğinizde artık temayı izlemez.

Metinler ve çeviriler

Panelde Text & Translations kartı. Aramanın ziyaretçiye gösterdiği her sabit metin buradan değiştirilir. Hepsinin varsayılanı İngilizcedir ve boş bırakırsanız İngilizce görünür; Türkçe bir mağazada tümünü çevirin.

Alan	Varsayılan
Header Title	Search
Input Placeholder	Search products...
Loading Text	Searching...
No Results Text	No products found
Error Text	Search temporarily unavailable
"Did You Mean?" Text	Did you mean?
View All Results Text	View all results
In Stock Text / Out of Stock Text	In Stock / Out of Stock
Categories Title / "All" Label	Categories / All
Footer Text	{total} results
"Showing N of M" Text	Showing {shown} of {total}
Refine Hint (zero results)	Try a shorter or more general term.
Clear Input Label (a11y) / Close Label (a11y)	Clear search / Close search
Add to Cart Loading Text / Success Text / Error Text	Adding... / Added! / Error

Footer Text ve "Showing N of M" Text içinde {total}, {shown} ve (footer için) {time} yer tutucuları kullanılabilir. En sık fark edilen eksik: Input Placeholder ve No Results Text'in çevrilmemesi.

View All CTA

Sonuç listesinin altında, ziyaretçiyi sitenizin kendi arama sonuç sayfasına götüren düğme. Varsayılan olarak kapalıdır.

Alan	Açıklama
Enable CTA	Düğmeyi çizer
CTA Label	Düğme metni (varsayılan "View all results")
Results Page URL	Örn. /search; URL içinde {query} kullanabilirsiniz
Query Param	Aranan terimin geçeceği parametre (varsayılan q). /search/terim biçimindeki yollar için boş bırakın
Open In New Tab	Yeni sekmede aç
diğerleri	Düğmenin renkleri, kenar yuvarlaklığı, gölge ve iç boşlukları

Hedef sayfa sizin sitenizde bulunmalıdır; düğme yalnızca oraya, aranan terimle birlikte yönlendirir.