Özellikler Paneli (Sağ Panel)

Seçtiğiniz bileşenin tüm ayarlarını burada düzenlersiniz. Ayarlar üstte sekmelere (İçerik, Görünüm, Boşluk vb.) bölünür; her sekmede o işe özel…

Nerede bulunur: Tema Editörü'nün sağ panelinde, bir bileşene tıkladığınızda açılır (başlığı Özellikler) Kimler için: Eklediği bir bileşenin yazısını, rengini, görselini, boşluğunu kısacası görünümünü ayarlamak isteyen herkes Kısaca: Seçtiğiniz bileşenin tüm ayarlarını burada düzenlersiniz. Ayarlar üstte sekmelere (İçerik, Görünüm, Boşluk vb.) bölünür; her sekmede o işe özel kontroller bulunur.

Ne işe yarar?

Bir bileşeni sayfaya eklemek hikâyenin yarısıdır; asıl özelleştirmeyi Özellikler Paneli'nde yaparsınız. Tuvalde bir bileşene tıkladığınızda sağ panel bu moda geçer ve o bileşene ait tüm ayarlar burada belirir: başlığı, açıklaması, görselleri, renkleri, kenar boşlukları, hangi cihazda görüneceği ve daha fazlası.

Bileşen seçili değilken panel boştur ve Düzenlemek için bir bileşen seçin yazar. Tuvalden (veya Bileşen Havuzu'ndan) bir bileşen seçtiğinizde dolar.

Panelin üst kısmı

Blok adı alanı: Panelin en üstünde bulunur. Bu bloğa kendinize özel bir ad verebilirsiniz (örn. "Kampanya başlığı"). Verdiğiniz ad, Bileşen Havuzu'ndaki katman listesinde öne çıkar; aynı tipten çok sayıda blok olduğunda hangisinin hangisi olduğunu ayırt etmenizi sağlar. Alanı boş bırakırsanız blok varsayılan tip adına döner (kutuda placeholder olarak bileşen tipi görünür). Bu ad yalnızca editör içindir; mağaza vitrininde hiçbir yere basılmaz. Ayrıntı için bkz. Bileşen Havuzu (Sağ Panel).
Bileşen tipi ve açıklaması: Blok adı alanının hemen altında, hangi tip bileşeni düzenlediğinizi gösterir (örn. "Hero Split — Sol metin + sağ görsel veya video").
Üst Bileşen butonu: Eğer bir kapsayıcının (Grid, Sekme, Carousel) içindeki bir bileşeni düzenliyorsanız, bu butona basarak bir üst seviyeye (kapsayıcının kendisine) dönersiniz. İç içe çalışırken kaybolmamak için kullanışlıdır.

Ayar sekmeleri (gruplar)

Bir bileşenin ayarları çok olabileceği için, panelin üstünde sekmeler halinde gruplanır. Bileşenden bileşene değişir, ama en sık görülen gruplar şunlardır:

Sekme	İçinde ne var?
İçerik	Yazılar, görseller, linkler, liste öğeleri — yani bileşenin "ne anlattığı".
Görünüm	Renkler, yazı tipi, arka plan, kenarlık, gölge — yani "nasıl göründüğü".
Boyut & Aralık (veya Boşluk)	İç/dış boşluklar, köşe yuvarlaklığı, genişlik.
Davranış	Üzerine gelme efekti, otomatik kayma gibi hareketli ayarlar.
Görünürlük	Bileşenin hangi cihazlarda, hangi tarih aralığında, kime ve hangi dilde görüneceği.
Ayırıcılar	Bloğun üst/alt kenarına dalga, eğim, üçgen gibi şekil ayırıcı.
Animasyon	Blok ekrana girdiğinde oynayacak giriş efekti.
Gelişmiş	Bağlantı kimliği gibi ileri düzey ayarlar.

Ayırıcılar ve Animasyon sekmeleri her bileşende (Header hariç) bulunur; Görünürlük de artık her bileşende vardır. Bunlar "genel ayarlar"dır — bileşene özel değildirler.

Yapay zekâ ile ürettiğiniz bileşenlerde de aynı tasarım ayarları vardır. Bileşeni siz tarif etmiş olsanız bile Arka Plan, Görünüm (kenarlık, köşe yuvarlaklığı, gölge, şeffaflık), Yerleşim (kapsayıcı genişliği, iç boşluk, dış boşluk), Görünürlük ve Gelişmiş (bağlantı ID) sekmeleri panele kendiliğinden gelir — bileşeni yeniden ürettirmenize gerek yoktur. Bu ayarlar bileşenin dış çerçevesine uygulanır; bileşenin kendi içindeki ayarlar (rozet rengi, buton rengi gibi) İçerik sekmesinde kalır. Kırılım noktası kipinde mobil/tablet için ayrı boşluk veya genişlik de verebilirsiniz.

Üretilen bileşenlerde başlık, alt başlık ve açıklamanın kendi stil sekmesi olur. Yapay zekâ bir bileşene görünür bir başlık, alt başlık veya açıklama koyduğunda panele Başlık Stili, Alt Başlık Stili, Açıklama Stili gibi sekmeler de gelir. Bu sekmelerde hazır bloklardakiyle aynı ayarlar vardır: yazı boyutu (mobil boyut dâhil), kalınlık, yazı tipi, satır yüksekliği, harf aralığı, renk (tema rengi / düz renk / gradient) ve hizalama. Metnin kendisi İçerik sekmesinde kalır, stilini bu sekmeden verirsiniz.

Üretilen bileşenlerde ikon, ikon seçicisinden seçilir. Bileşende bir simge varsa hazır bloklardaki gibi arama kutulu ikon seçici açılır ve kütüphanenin tamamından seçim yapabilirsiniz. Seçtiğiniz ikon sayfanın sunucu çıktısına gömülür: ziyaretçi sayfayı açtığı anda ikon görünür, sonradan yüklenmesini beklemez.

Ürün içeriği kartı bir blok ayarı değildir. Ürüne özel sayfa düzenlerken Ürün Başlığı, Kısa Açıklama, Stok Kodu ve Ürün Etiketleri bloklarında sekmelerin üstünde kesikli çerçeveli bir Ürün içeriği kartı belirir. Oradaki alanlar bloğa değil ürünün kendisine yazar ve tema yayınlanmasını beklemez. Ayrıntı: Ürüne Özel Detay Sayfası.

Bir bileşenin yalnızca tek grubu varsa sekme görünmez, tüm ayarlar alt alta sıralanır.

İpucu: Bir ayarı bulamıyorsanız doğru sekmeye baktığınızdan emin olun. Örneğin "yazı rengini" Görünüm'de, "yazının kendisini" İçerik'te ararsınız.

Sık karşılaşacağınız ayar türleri

Aşağıda panelde göreceğiniz kontrol türlerini ve ne işe yaradıklarını açıklıyoruz. Her bileşende bunların bir kısmı bulunur.

İçerik (yazı, görsel, link) ayarları

Kontrol	Ne yapar?
Yazı / metin kutusu	Başlık, açıklama gibi metinleri yazdığınız alanlar. Bazılarının yanında AI yardımı (AI ile Yaz) bulunur (bkz. Yapay Zekâ (AI) Araçları).
Zengin metin editörü	Kalın, italik, başlık, liste, link gibi biçimlendirmeler yapabildiğiniz gelişmiş yazı alanı.
Görsel / Medya seç	Mağaza galerinizden bir görsel veya video seçersiniz. Değiştir ve Kaldır butonları olur. Video seçtiyseniz Otomatik Oynat / Sessiz / Döngü / Kontroller anahtarları çıkar.
Galeri	Birden çok görsel eklersiniz; sıralarını sürükleyerek değiştirir, her birine isterseniz link verirsiniz.
Bağlantı (Link)	Bir butonun veya öğenin tıklanınca gideceği adres. Adresi elle yazmazsınız; Bağlantı tipi listesinden neye bağlayacağınızı seçersiniz (bkz. Bağlantı tipleri). Yeni sekmede açılır / Aynı sekmede açılır seçeneği olur.
Buton ayarı	Bir butonun metni, adresi, Stil'i (Dolgulu, İkincil, Çerçeveli, Hayalet, Link, Uyarı), rengi, ikonu ve ikon konumu (Sol/Sağ).
Liste / öğe ekleme	"Özellikler", "Sorular" gibi listelere tek tek öğe eklersiniz (Eleman Ekle, Soru Ekle vb.). Satırları tutamağından sürükleyerek sıralar, çöp kutusu simgesiyle silersiniz.
Ürün / Kategori seçici	Bir listede gösterilecek ürünleri veya kategorileri seçtiğiniz pencere. Çoklu seçim yapılır; {sayı} ürün seçili gibi gösterir.
İkon seçici	Bir ikon seçersiniz. Bazılarında AI ile öner butonu, yazıya göre uygun ikonu önerir.
Tarih/saat seçici	Geri sayım gibi bileşenlerde hedef tarihi seçersiniz (gün + saat:dakika:saniye).

Yapay zekâ ile ürettiğiniz kendi bileşenlerinizde de liste alanı çıkar. Soru-cevap, özellik listesi, adımlar, fiyat planları gibi tekrar eden içerik barındıran bir bileşen ürettirdiğinizde, panelde o içeriği satır satır girebileceğiniz bir liste alanı gelir ve bileşen sayfaya eklendiğinde örnek satırlarla dolu gelir. Örnekleri silip kendi içeriğinizi yazabilirsiniz.

Bileşen hem sizin listenizden hem de ürünün kendi verisinden (ör. ürün formundaki soru-cevaplar) beslenebiliyorsa kural şudur: sizin girdiğiniz liste doluysa o gösterilir; listeyi tamamen boşaltırsanız ürünün kendi verisine düşülür. Ürün sayfası dışındaki sayfalarda (ana sayfa, içerik sayfaları) ürün verisi olmadığı için yalnız sizin listeniz görünür; o da boşsa bileşenin "boş durum" metni çıkar.

Galeri ve eylem düğmesi alanları da çıkar. Görsel duvarı isteyen bir bileşen ürettirdiğinizde panelde Galeri alanı gelir: medya kütüphanenizden birden çok görseli tek seferde seçer, sürükleyerek sıralarsınız. Galeri boş gelir — bileşen mağazanızdaki gerçek görselleri bilemeyeceği için örnek görsel koymaz; siz doldurana kadar bileşenin "boş durum" metni görünür. Bir eylem butonu isteyen bileşende ise bağlantı seçici gelir: adresi elle yazmak yerine mağazanızın ürünlerini, kategorilerini, sayfalarını, blog yazılarını, sözleşmelerini, ön siparişe açık ürünlerini ve formlarını listeden seçersiniz, düğmenin Stil'ini de (Dolgulu, İkincil, Çerçeveli, Hayalet, Link, Uyarı) belirlersiniz.

Ürettiğiniz bileşenlerdeki eylem düğmesinde ikon ve renk seçicisi çıkmaz: bu bileşenlerde düğmenin görünümü bileşenin kendi tasarımının parçasıdır. Görünümü değiştirmek isterseniz Stüdyoda "Yapay zeka ile güncelle" deyip ne istediğinizi yazın.

Bağlantı tipleri

Bir düğmeye, menü öğesine, altbilgi linkine veya galeri görseline bağlantı verirken açılan pencerede önce Buton ismi, sonra Bağlantı tipi seçersiniz. Adresi elle yazmanız gerekmez — tipi seçtiğinizde altında mağazanızın gerçek içeriğini listeleyen bir seçici çıkar ve adres sizin yerinize kurulur.

Bağlantı tipi	Neye bağlar?	Altında ne seçersiniz?
Sayfa	Tema editöründe oluşturduğunuz sayfalar	Sayfa listesi
Ürün	Bir ürünün detay sayfası	Ürün seçici (arama + filtreli)
Kategori	Bir kategori listeleme sayfası	Kategori seçici
Özel URL	Serbest yazdığınız herhangi bir adres (dış site dâhil)	Adresi elle yazarsınız
Blog Yazısı	Yayınlanmış bir blog yazısı	Blog yazısı listesi
Sözleşme	Gizlilik, mesafeli satış gibi yasal sayfalar	Sözleşme listesi
Ön Sipariş	Ön siparişe açık bir ürünün detay sayfası	Ön siparişe açık ürün listesi
Form	Yayında olan bir form sayfası	Form listesi

Ön Sipariş bağlantısı

Ön Sipariş tipi, kampanyasını duyurduğunuz ürüne doğrudan gitmek içindir. Ziyaretçi düğmeye bastığında o ürünün detay sayfasına gider; ön sipariş kutusu, teslimat tarihleri ve ön sipariş fiyatı orada görünür. Ayrı bir "ön sipariş sayfası" yoktur — ön sipariş, ürünün kendi sayfasında yaşar.

Listede yalnızca ön siparişi gerçekten açık ürünler çıkar: ürün formundaki Ön Sipariş kartının anahtarı açık olan ve bitiş tarihi geçmemiş ürünler. Böylece kapalı bir kampanyaya bağlantı kurmanız engellenir.

Liste boşsa panel size "Ön siparişe açık ürün yok" der. Bu bir hata değildir: henüz hiçbir ürününüzde ön sipariş açık değildir. Ürün formunu açıp Ön Sipariş kartının anahtarını açtığınızda ürün bu listede belirir. Ayrıntı: SEO, Yayınlama, Ön Sipariş, Teslimat ve Satış Kanalları.

Ön sipariş kartı yalnızca Basit Ürün'de bulunur. Varyantlı veya paket bir ürünü ön siparişe açamazsınız; dolayısıyla bu tipin listesinde de görünmezler.

Görünüm (stil) ayarları

Kontrol	Ne yapar?
Arka Plan	Bileşenin arka planını ayarlar. Sekmeleri vardır: Renk, Gradient (renk geçişi), Resim, Medya (görsel/video), Desen ve Shader (hareketli efektli arka plan).
Tipografi	Yazı ayarları: Boyut, Kalınlık (Normal/Orta/Yarı Kalın/Kalın), Font (Sans Serif/Serif/Monospace/Özel), Etiket (Başlık 1-6 / Paragraf), Satır Yüksekliği, Harf Aralığı.
Renk	Düz renk seçersiniz. Şeffaf seçeneği ve hazır Değişkenler (tema renkleri: Birincil, İkincil, Vurgu vb.) vardır.
Kenarlık	Çerçeve: Kalınlık, Stil (Düz/Kesikli/Noktalı/Çift/Yok), Renk.
Köşe Yuvarlaklığı	Köşelerin ne kadar yuvarlak olacağı (her köşe ayrı ayarlanabilir).
Gölge	Hazır gölgeler (Yok/Küçük/Orta/Büyük/Çok Büyük/Tema Gölgesi) veya Özel (yatay/dikey/bulanıklık/yayılım/renk).

Boyut, boşluk ve hizalama

Kontrol	Ne yapar?
İç Boşluk (Padding) / Dış Boşluk (Margin)	Bileşenin içindeki ve dışındaki boşluklar. Üst / Sağ / Alt / Sol ayrı ayarlanır. Ortadaki bağ butonu ile Bağlı (hepsi aynı) veya Ayrı (her kenar farklı) seçersiniz.
Kapsayıcı (Container)	Bileşenin yatay genişliği: Küçük/Orta/Büyük/Çok Büyük/Tam/Özel ve hizası (Sol/Orta/Sağ).
Hizalama	Metin hizası: Sol / Orta / Sağ / Yasla.
Şeffaflık (Opacity)	Bileşenin saydamlığı (%0 görünmez — %100 tam görünür).
Üzerine Gelme Efekti (Hover)	Fareyle üzerine gelince büyüme/şeffaflaşma efekti. Etkinleştir, Büyütme, Şeffaflık, Geçiş Süresi ayarları.

Görünürlük

Görünürlük sekmesinde dört tür koşul vardır: Cihazlar, Zaman aralığı, Kitle ve Dil.

Cihaz koşulu, bileşenin hangi cihazlarda gizleneceğini belirler:

Mobilde Gizle — Telefonlarda bu bileşen görünmez.
Tablette Gizle — Tabletlerde görünmez.
Masaüstünde Gizle — Bilgisayarlarda görünmez.

Zaman aralığı (ör. "cuma 00:00 - pazartesi 00:00"), kitle (misafir / giriş yapmış / belirli müşteri grupları) ve dil koşulları için bkz. Koşullu Blok Görünürlüğü (Zaman · Kitle · Dil).

İpucu: Çok büyük bir tanıtım afişini telefonda gizleyip, yerine sade bir başlık göstermek isteyebilirsiniz. Bunun için büyük afişe "Mobilde Gizle", sade başlığa "Masaüstünde Gizle" verirsiniz.

Gizlemek tek çözüm değil. Bir bileşeni telefonda tamamen kaldırmak yerine, ayarlarını telefona özel değiştirebilirsiniz (örneğin sadece yazı boyutunu küçültmek). Bunun için panelin sağ üstündeki cihaz rozetini kullanın — bkz. Cihaz Bazlı Ayarlar (Masaüstü / Tablet / Mobil)

Gelişmiş — Bağlantı ID

Bağlantı ID (Custom ID), bileşene benzersiz bir kimlik verir (örn. iletisim). Böylece sayfa içinde bir butona "şu bölüme git" gibi bağlantı kurabilirsiniz. İleri düzey bir özelliktir; emin değilseniz boş bırakabilirsiniz.

Kapsayıcı bileşenler: Grid, Sekme ve Carousel

Bazı bileşenler içine başka bileşenler koyabileceğiniz kapsayıcılardır. Bunlar daha karmaşık düzenler kurmanızı sağlar:

Grid (Sütunlar)

Sayfayı yan yana sütunlara böler; her sütuna ayrı bileşen koyarsınız.

Grid'i seçin; sağ panelde Sütun 1, Sütun 2... başlıklarını görürsünüz.
Bir sütun başlığını açın, içindeki Bileşen Ekle butonuna basın.
Açılan pencerede iki sekme vardır:
- Yeni Ekle — Sıfırdan yeni bir bileşen ekler (listeden seçersiniz).
- Mevcut Taşı — Sayfadaki başka bir bileşeni bu sütuna taşır.
Her sütun için Mobil / Tablet / Masaüstü anahtarlarıyla o sütunun hangi cihazda görüneceğini ayrı ayarlayabilirsiniz.
Sütun içindeki bileşenleri sürükleyerek sıralayabilirsiniz.

Sütun Düzeni ve Stili

Sütun Yönetimi alanının hemen altında Sütun Düzeni ve Stili alanı vardır. Burada her sütunu tek tek açıp şunları ayarlarsınız:

Genişlik — Yalnız Düzen alanından Özel (serbest genişlik) seçtiğinizde görünür. Sütun başına bir sayı ve birim verirsiniz: %, px, fr veya Otomatik. Masaüstü, tablet ve mobil için ayrı satırlar vardır (o cihazın Düzen'i de Özel ise). Örnek: iki sütuna %60 ve %40 vererek "geniş galeri + dar satın alma" düzeni kurabilirsiniz.
- Yüzdeler orantısal paydır. Toplam 100 olmasa da sütunlar verdiğiniz orana göre dağıtılır; alanın üstünde toplamı gösteren bir satır vardır. Sütun boşluğu (gap) önce ayrılır, kalan genişlik bu orana göre bölünür — yani sayfada taşma oluşmaz.
- px sabit genişlik verir; Otomatik sütunu içeriğine göre boyutlandırır.
Sıra — Sütunun ekranda kaçıncı sırada görüneceği. Masaüstü, tablet ve mobil için ayrı ayrı verilir; 0 = doğal sıra. Bu ayar blokları taşımaz, sadece görünme sırasını değiştirir. Klasik kullanım: masaüstünde bilgi solda / galeri sağda, telefonda galeri önce.
Sabit sütun — Açtığınızda sayfa kaydırılırken o sütun ekranda sabit kalır (yapışkan). Üstten boşluk ile ekranın üstünden ne kadar aşağıda duracağını, Şu boyuttan itibaren ile hangi cihazdan sonra devreye gireceğini belirlersiniz. Uzun bir galerinin yanındaki satın alma kolonu için idealdir.
Dikey Hizalama — Varsayılan Izgaradan devral'dır; bir sütunu ızgaranın genel hizalamasından ayırmak isterseniz burada değiştirirsiniz.
Sütun İç Boşluğu / Sütun Arka Planı / Sütun Köşe Yuvarlaklığı — Sadece o sütuna uygulanır. Örneğin bir sütunu açık gri zeminli, yuvarlak köşeli bir "kart" gibi gösterebilirsiniz.

Bu alan cihaz kipini takip etmez: tablet/mobil değerlerini alanın içindeki satırlardan verirsiniz. (Ayrıntı için bkz. Cihaz Bazlı Ayarlar (Masaüstü / Tablet / Mobil))

Izgaranın arka planında görsel, desen veya shader varsa ve bir sütunu sabitlediyseniz panel bunu size söyleyen bir not gösterir; sabitleme çalışmaya devam eder, köşe yuvarlaklığı da korunur.

Sekme (Tabs)

İçeriği sekmeli bir alanda gösterir (müşteri sekmelere tıkladıkça içerik değişir).

Sekme bileşenini seçin; Sekme 1, Sekme 2... başlıklarını görürsünüz.
Sekme Ekle ile yeni sekme açarsınız.
Her sekmenin adını (kalem ikonuyla) düzenler, isterseniz bir İkon eklersiniz.
Her sekmenin içine Bileşen Ekle ile içerik koyarsınız (yine Yeni Ekle / Mevcut Taşı).
Sekmeyi silmek için Sekmeyi Sil ikonunu kullanırsınız.

Carousel (Kaydırmalı Slaytlar)

İçeriği sağa-sola kayan slaytlar halinde gösterir.

Carousel'i seçin; Slide 1, Slide 2... başlıklarını görürsünüz.
Slide Ekle ile yeni slayt açarsınız.
Her slaytın içine Bileşen Ekle ile içerik koyarsınız.
Slaytı silmek için Slide'ı Sil ikonunu kullanırsınız.

İpucu: Bir kapsayıcının içindeki bir bileşeni düzenlerken, panelin üstündeki Üst Bileşen butonuyla kapsayıcının kendisine geri dönebilirsiniz.

Header bileşeni, mağazanızın en karmaşık parçasıdır. Hazır düzenler arasından seçer, sonra logo / menü / arama / sepet / profil bloklarını sol-orta-sağ alanlara yerleştirirsiniz. Menü öğeleri bölümünde:

Özel Link Ekle ile elle menü öğesi eklersiniz.
Kategoriden Ekle ile mağaza kategorilerinizi menüye taşırsınız.
Kategorilerden Otomatik Oluştur ile tüm üst kategorileri tek seferde menüye eklersiniz.
Her öğeye bir Açılır Menü Stili (Basit Liste, Sütunlar, Mega Grid, Kart Grid, İkon Listesi vb.) seçebilirsiniz.
Alt öğeler (alt menüler) ekleyebilir, Tümüne AI ile İkon Öner ile hepsine otomatik ikon önertebilirsiniz.

Footer bileşenlerinde sütunlar ve her sütunda linkler yönetirsiniz:

Link Ekle ile elle link eklersiniz.
Mevcut verilerden otomatik ekle (sihirli değnek) ile Kategoriler, Sayfalar, Yasal Sayfalar, Blog veya Formlar listenizden toplu link eklersiniz.
Sosyal Link Ekle ile Instagram, Facebook gibi sosyal medya bağlantıları eklersiniz (platform seçilir, URL girilir).

Sık sorulan

S: Sağ panel boş, "Düzenlemek için bir bileşen seçin" yazıyor. C: Henüz bir bileşen seçmediniz. Tuvalde bir bölüme tıklayın ya da Bileşen Havuzu'ndan bir bileşen seçin; panel dolacaktır.

S: Renk seçerken "Değişkenler" diye bir şey çıkıyor, bunlar ne? C: Bunlar mağazanızın tema renkleridir (Birincil, İkincil, Vurgu vb.). Sabit bir renk yerine tema rengini seçerseniz, ileride Tema Ayarları'ndan paletinizi değiştirdiğinizde bu bileşen de otomatik uyum sağlar. Tutarlı bir görünüm için tema renklerini kullanmak önerilir.

S: Grid içine koyduğum bileşeni dışarı çıkarabilir miyim? C: Evet. Bileşeni grid sütunundan tutup tuvalde dışarı (sayfanın gövdesine) sürükleyebilirsiniz; ya da Bileşen Havuzu'ndan taşıyabilirsiniz.

S: Bir ayarı değiştirdim ama bir şey olmadı. C: Bazı ayarlar yalnızca belirli koşullarda etki eder (örneğin "Karartma Rengi" yalnızca "Karartma" açıkken). Ayrıca değişikliğin doğru cihaz görünümünde göründüğünden emin olun (mobil/masaüstü). Değişiklik tuvalde göründüyse doğru yoldasınız; mağazada görünmesi için Yayınla gerekir.