Görsel Editör

Görsel editör, mağazanızın kendi sayfasının üzerinde çalışan bir yan panel: bir ögeye tıklarsınız, ne yapmak istediğinizi seçersiniz ve sonucu anında sayfanın kendisinde görürsünüz.

Panelde nerede

Sayfa deneyinin Variants adımında, kolun kartındaki Pick on my site (Türkçe panelde Sitemde seç) düğmesi. Mağazanız yeni bir sekmede açılır; panel sekmesi açık kalmalıdır: editör kaydı panele geri gönderir ve Kütüphane ile görsel kitaplığı panelden gelir.

Önkoşullar: kanalın doğrulanmış bir alan adı olmalı (Alan Adı Doğrulama) ve tarayıcınız yeni sekmeyi engellememeli ("Allow pop-ups for this page"). Editör hangi sayfada açılsın istiyorsanız o sayfa tipinin örnek adresini kanal ekranındaki Page links kartında tanımlayabilirsiniz; bkz. Görsel Yerleştirme.

Bağlantı beş dakika geçerlidir ve bir kez kullanılır; süre dolarsa düğmeye yeniden basın. Editörü açtıktan sonra sayfalar arasında gezerken oturumunuz sürer.

Editör hiçbir şey kaydetmez

Editör mağazanızın kendi oturumunda çalışır, bu yüzden giriş gerektiren sayfalarda da kullanılabilir. Panele yalnızca seçiciler ve sizin yazdığınız değişiklikler gönderilir; sayfanın içeriği bize gitmez. Taslak bir öneridir, sitenizde yapılmış bir değişiklik değildir: editörü kapattığınızda sayfanız eski hâline döner. Değişiklikleri kaydeden tek şey panelde Create Experiment ya da Save Changes'tir.

İki mod

Mod (Türkçe)	Ne yapar
Select (Seç)	Tıkladığınız öge seçilir, bağlantılar açılmaz. Değişiklik yaparken bu moddasınız.
Browse (Gez)	Tıklamalar normal çalışır: ürün sayfasına, sepete gidebilirsiniz. Düzenlemek istediğiniz öge ana sayfada değilse bu modla oraya gidin, sonra Select'e dönün. Taslağınız sayfalar arasında korunur.

Sekmeler

Editör, panelin diliyle açılır; aşağıda İngilizce adlar yazılıdır (Türkçe: Ekle, Düzenle, Değişiklikler).

• Add: ögeler (Heading, Text, Image, Button, List, Badge, Divider, Spacer, Accordion, Table, Side by side, Box, HTML), Library ve Ready-made templates. Bir ögeyi sayfada istediğiniz yere sürükleyin; tıklarsanız seçili ögenin altına eklenir.
• Edit: seçili ögenin canlı denetçisi. Target, Content, Style, Advanced bölümleri vardır. Select parent ve yukarı/aşağı ok tuşları, tıkladığınızın üst ya da alt ögesine geçer: aradığınız şey çoğu zaman tıkladığınızın üst ögesidir (kartın içindeki yazı değil, kartın kendisi).
• Changes: yaptığınız her şey sırayla. Bir değişikliği devre dışı bırakmak onu silmeden sayfadan kaldırır; bir şeyin görünümü bozduğunu bulmanın en hızlı yolu budur. Undo ve Redo son adımlarınızı gezer. Liste, her değişikliğin bu sayfada kaç öge bulduğunu da yazar: hiçbir şey bulamayan bir seçiciyi deney yayına girmeden önce burada görürsünüz.

Seçici ve hedef

Target bölümü bir değişikliğin hangi ögelere uygulanacağını belirler: This element only ya da "All N similar elements" (benzer N ögenin hepsi). Tek bir ürün kartına tıkladığınızda seçici o kartı bulur; çoğu zaman istediğiniz "tüm ürün kartları"dır ve .product-card · 4 gibi bir öneri tam olarak onu verir. Type a selector ile tarayıcının incele panelinden kopyaladığınız bir CSS seçiciyi yapıştırabilirsiniz; her önerinin yanında kaç ögeyle eşleştiği yazar.

Stil, görsel ve şablon

• Style bölümü gruplar hâlinde açılır (metin, arka plan, boşluk, boyut, kenarlık ve gölge, içerik düzeni, konum, efektler, görsel) ve her alanın altında ögenin şu anki değeri yazar. Dokunmadığınız alan yazılmaz.
• Bir ögeyi seçtiğinizde bir tutamaçla sürükleyerek taşıyabilir, bir diğeriyle boyutunu değiştirebilirsiniz. İkisi de sıradan bir değişiklik olarak kaydedilir (taşıma Move, boyutlandırma Style) ve Undo ile geri alınır.
• Image için adresi elle yazmak yerine Choose from library (Kitaplıktan seç) diyebilirsiniz: panel sekmesinde kanalın görsel kitaplığı açılır ve seçtiğiniz görselin adresi editöre döner.
• Library, panelde Design → Library'de sakladığınız kod şablonlarıdır. Şablon, kendi CSS'iyle tek bir blok olarak eklenir ve CSS yalnızca o bloğa uygulanır. Kartında yazar: blok JavaScript taşımaz, ürün alanları sayfa deneyinde doldurulmaz. Panel sekmesi kapalıysa liste bunu söyler. Blok 12 KB'ı aşarsa kaydedilmez.
• Advanced altından sayfanın tamamına CSS ya da JavaScript ekleyebilir, yönlendirme tanımlayabilirsiniz. Yönlendirme editörde çalıştırılmaz (çalışsaydı sizi düzenlediğiniz sayfadan atardı); yalnızca ziyaretçide devreye girer.

Klavye

Yukarı ok üst ögeyi, aşağı ok alt ögeyi seçer; Delete seçili ögeyi kaldırır; Ctrl+Z (Mac'te ⌘+Z) geri alır.

Sorun olursa

Belirti	Neden
"Could not open the editor" (Editör açılamadı)	Kanalın doğrulanmış alan adı yok ya da bağlantı süresi doldu
Yeni sekme açılmadı	Tarayıcı açılır pencereyi engelledi
Editör açıldı ama panelde değişiklik görünmüyor	Panel sekmesi kapandı ya da mağaza farklı bir alan adına yönlendiriyor; editör, kanalın alan adını ve alt alan adlarını kabul eder (example.com ve www.example.com)