Tuval ve Önizleme
Mağazanızın canlı önizlemesi. Bileşenleri buradan seçer, sürükleyerek sıralar; farklı cihaz görünümlerinde ve önizleme modunda kontrol edersiniz.
Nerede bulunur: Tema Editörü'nün ortasındaki büyük alan (mağazanızın canlı görüntüsü) Kimler için: Eklediği bileşenleri yerleştiren, sıralayan ve sonucu görmek isteyen herkes Kısaca: Mağazanızın canlı önizlemesi. Bileşenleri buradan seçer, sürükleyerek sıralar; farklı cihaz görünümlerinde ve önizleme modunda kontrol edersiniz.
Ne işe yarar?
Tuval (Canvas), ekranın ortasındaki en geniş alandır ve mağazanızın gerçek görüntüsünü canlı olarak gösterir. Sol panelden eklediğiniz her bileşen burada müşterinin göreceği haliyle belirir. Bir ayarı değiştirdiğinizde sonucu anında burada görürsünüz — yani "kör" çalışmazsınız, ne yaptığınızı her an görürsünüz.
Tuval aslında mağazanızın canlı bir penceresidir (teknik adıyla bir "önizleme çerçevesi"). Bu yüzden yüklenirken kısa bir an Önizleme yükleniyor... yazısı ve dönen bir simge görebilirsiniz; bu normaldir, birkaç saniye içinde mağazanız belirir.
Tuvalde bir bileşeni seçme ve düzenleme
- Tuvalde düzenlemek istediğiniz bölümün (bileşenin) üstüne tıklayın.
- Bileşen seçilir ve sağ panelde Özellikler açılır.
- Artık sağ panelden o bileşenin yazısını, rengini, görselini, boşluklarını değiştirebilirsiniz (ayrıntı: Özellikler Paneli (Sağ Panel)).
Bir bileşenin üzerine fareyle geldiğinizde, onu taşımak, gizlemek veya silmek için küçük tutamaç/butonlar belirir. Bu butonlar doğrudan bileşenin üzerinde görünür.
İpucu: Hangi bileşeni seçtiğinizden emin değilseniz veya kalabalık bir sayfada doğru bileşene tıklamakta zorlanıyorsanız, Bileşen Havuzu'nu (sağ panel) kullanın. Orada sayfadaki tüm bileşenler liste halindedir; listeden seçmek tuvalde tıklamaktan daha kolaydır (bkz. Bileşen Havuzu (Sağ Panel)).
Bileşenleri sıralama (sürükle-bırak)
Bileşenlerin sayfadaki yukarı-aşağı sırasını değiştirmek için:
- Sıralamak istediğiniz bileşenin taşıma tutamacından (sürükleme noktası) farenizle basılı tutun.
- Yukarı veya aşağı sürükleyin. Sürüklerken bileşenin nereye yerleşeceğini gösteren bir çizgi/işaret belirir.
- İstediğiniz konuma gelince fareyi bırakın. Bileşen yeni sırasına oturur.
Sürükleme sırasında fareyi tuvalin üst veya alt kenarına yaklaştırırsanız sayfa otomatik kayar; böylece uzun sayfalarda bileşeni aşağıya/yukarıya taşımak kolaylaşır.
İpucu: Sürükle-bırak ile sıralamayı zor buluyorsanız, Bileşen Havuzu'ndan da bileşenleri tutup sıralayabilirsiniz — orası daha derli topludur.
Üst Yapı ve Alt Yapı tuvalde nasıl görünür?
Bir normal sayfayı düzenlerken, tuvalde o sayfanın kendi bileşenlerinin yanı sıra (eğer açıksa) ortak Üst Yapı (en üstte) ve Alt Yapı (en altta) bölümleri de görünür. Böylece sayfanın gerçekte, menü ve footer ile birlikte nasıl görüneceğini görürsünüz.
Dikkat: Tuvalde menüyü (Üst Yapı) veya footer'ı (Alt Yapı) düzenlerseniz, bu tüm sayfalarınızı etkiler — çünkü onlar ortaktır. Sadece tek bir sayfaya özel bir şey eklemek istiyorsanız, onu Üst/Alt Yapı'ya değil, sayfanın kendi gövdesine ekleyin.
Boş sayfa görünümü
Bir sayfada henüz hiç bileşen yoksa tuval boş görünür ve sizi yönlendiren bir mesaj çıkar: Henüz bileşen eklenmemiş ve altında Sol panelden bileşen sürükleyerek veya tıklayarak başlayın. Bu, "buraya sol panelden bileşen ekleyin" demektir.
Eğer hiçbir sayfa seçili değilse tuval Bir sayfa seçin mesajı gösterir; üstteki sayfa menüsünden bir sayfa seçmeniz yeterlidir.
Cihaz görünümleri: Masaüstü / Tablet / Mobil
Üst araç çubuğundaki üç cihaz butonu (/ / ) tuvalin genişliğini değiştirir:
| Görünüm | Tuval genişliği | Ne için? |
|---|---|---|
| Masaüstü | Tam genişlik | Bilgisayar ekranındaki görünüm. |
| Tablet | Orta (≈768 piksel) | Tablet ekranındaki görünüm. |
| Mobil | Dar (≈375 piksel) | Telefon ekranındaki görünüm. |
Bu butonlar mağazanızın gerçek ayarını değiştirmez; sadece önizlemeyi o cihaz genişliğinde gösterir.
İpucu: Bir bileşenin yalnızca telefonda ya da yalnızca bilgisayarda görünmesini sağlayabilirsiniz (bileşenin Görünürlük ayarından — bkz. Özellikler Paneli (Sağ Panel)). Böyle bir ayar yaptıysanız, doğru çalışıp çalışmadığını bu cihaz görünümleriyle test edin.
Düzenle / Önizle modu
Üst araç çubuğundaki Düzenle ve Önizle butonları tuvalin çalışma şeklini değiştirir:
- Düzenle: Normal çalışma modu. Bileşenleri seçip taşıyabilir, ayarlarını değiştirebilirsiniz. Sol ve sağ paneller açıktır.
- Önizle: Düzenleme tutamaçları kaybolur, paneller gizlenir. Mağaza tam olarak müşterinin göreceği gibi, temiz haliyle görünür. Hiçbir şeyi yanlışlıkla taşıma/silme riski olmadan inceleyebilirsiniz.
İpucu: Bir bölümü bitirdikten sonra Önizle'ye geçip gerçek görünümü kontrol etmek iyi bir alışkanlıktır. Sonra Düzenle'ye dönüp çalışmaya devam edersiniz.
Önizleme yüklenmezse
Nadiren tuval bir hata mesajı gösterip yüklenemeyebilir. Bu durumda bir hata yazısı ve bir Tekrar dene butonu görürsünüz. Tekrar dene'ye basmak çoğunlukla sorunu çözer. Çözülmezse sayfayı (tarayıcıyı) yenilemeyi deneyin.
Sık sorulan
S: Tuvalde bir bileşene tıklıyorum ama seçilmiyor / yanlış bileşen seçiliyor. C: İç içe geçmiş bileşenlerde (örneğin sütunların içindeki bir yazı) doğru parçaya tıklamak zor olabilir. En kolayı Bileşen Havuzu'ndan seçmektir. Ayrıca seçtiğiniz iç bileşenden bir üst bileşene dönmek için sağ panelin üstündeki Üst Bileşen butonunu kullanabilirsiniz.
S: Mobil görünümde yazılar/görseller taşıyor. C: Bu, o bileşenin mobil için fazla büyük ayarlandığı anlamına gelebilir. Bileşeni seçip sağ panelden yazı boyutunu, boşlukları veya görsel ayarlarını mobil için uygun hale getirin. Bazı büyük bileşenleri mobilde tamamen gizlemeyi de tercih edebilirsiniz (Görünürlük ayarı).
S: Değişikliklerim tuvalde görünüyor ama mağazamda görünmüyor. C: Tuval sizin çalışma kopyanızı gösterir. Müşterilerin görmesi için değişiklikleri Yayınla ile canlıya almanız gerekir (Ödeme ve Ürün ayarları hariç — onlar anında kaydolur).