Ö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ı
- Bileşen adı ve açıklaması: Hangi 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 | Hangi cihazlarda görüneceği. |
| Gelişmiş | Bağlantı kimliği gibi ileri düzey ayarlar. |
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. 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.). |
| Ü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). |
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 kontrolü, 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.
İ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.
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.
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.
Üst Yapı (menü) ve Alt Yapı (footer) özel ayarları
Üst menü (Header)
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 (Altbilgi)
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.