RGS Yazılım

Tema Editörü

Mağazanızın tasarımını kendiniz kurun

Tema; tasarım tokenları, sayfa şablonları ve blok ağacından oluşur. Renkleri tek yerden değiştirir, sayfaları bloklarla kurar, değişikliği canlıya dokunmadan yayına alırsınız.

Tema nedir?

Üç parçadan oluşuyor

Bir temayı anlamak için üç kavram yeterli. Geri kalan her şey bu üçünün üzerine kuruluyor.

Tasarım tokenları

Temanın renk, tipografi ve ölçü ayarları. Tek bir yerde tanımlanır, mağazanın tamamına uygulanır.

Sayfa şablonları

Kategori, ürün, sepet gibi her sayfa tipinin kendi şablonu var. Bir şablonu kurduğunuzda o tipteki tüm sayfalar aynı düzeni alır.

Blok ağacı

Şablonlar bloklardan oluşur. Ana sayfa da temanın kendi blok listesidir; sayfayı blokları sıralayarak kurarsınız.

Editör

Değişikliği yaparken sonucunu görürsünüz

Solda bloklar, ortada mağazanızın canlı önizlemesi, sağda seçili bloğun ayarları. Bir ayarı değiştirdiğinizde sonucu tahmin etmeniz gerekmez; hemen ortadaki ekranda görürsünüz.

RGS tema editörü: solda blok listesi, ortada ana sayfa önizlemesi, sağda Hero Slider ayarları
Ana sayfa düzenlenirken editör. Seçili blok Hero Slider; ayarları sağ panelde açık.

Solda blok kütüphanesi

Bloklar arama kutusuyla birlikte listelenir; istediğinizi tutup sayfanın olmasını istediğiniz yerine bırakırsınız.

Ortada canlı önizleme

Sayfanın gerçek hâlini kendi ürünlerinizle görürsünüz. Masaüstü, tablet ve telefon görünümleri arasında geçiş yapabilirsiniz.

Sağda blok ayarları

Seçtiğiniz bloğun tüm ayarları sağ panelde açılır. Değişiklik anında ortadaki önizlemeye yansır.

Üstte sayfa ve kayıt kontrolü

Hangi sayfayı düzenlediğinizi seçer, site genişliğini belirler, adımlarınızı geri alır; kaydetme, önizleme ve yayınlamayı ayrı ayrı yönetirsiniz.

Tasarım tokenları

Dört ayar, tüm mağaza

Tokenlar temanın ortak dili. Ana rengi değiştirdiğinizde ana sayfadan ödeme adımına kadar her yer aynı anda güncellenir; sayfa sayfa dolaşıp renk aramanıza gerek kalmaz.

  • Ana renkButonlar, bağlantılar ve vurgular markanızın rengine döner.
  • Yazı tipiBaşlıklardan ürün adlarına kadar tüm metin aynı tipografiyi kullanır.
  • Köşe yarıçapıKartların ve butonların köşe yumuşaklığı; keskin ya da yuvarlak.
  • Sayfa genişliğiİçeriğin ekranda kapladığı alan; dar editoryal ya da geniş vitrin.

Sayfa şablonları

10 şablon, tüm mağaza kapsanıyor

Her sayfa tipinin kendi şablonu var. Üst ve alt alanı bir kez kurarsınız, mağazanın tamamında geçerli olur. Ana sayfa ise temanın kendi blok listesidir.

  • headerÜst alanBir kez kurulur, her sayfada görünür
  • footerAlt alanBir kez kurulur, her sayfada görünür
  • categoryKategori sayfası
  • productÜrün sayfası
  • cartSepet
  • checkoutÖdeme adımı
  • searchArama sonuçları
  • blogBlog listesi
  • blogPostBlog yazısı
  • brandMarka sayfası
Tema editöründe kategori sayfası şablonu: alt kategori çipleri, filtre menüsü ve ürün listesi
Kategori sayfası şablonu. Alt kategori çipleri, filtre menüsü ve ürün listesi ayrı bloklar olarak duruyor.
Tema editöründe sepet şablonu: sepet ürünleri, sipariş özeti ve boş sepet durumu
Sepet şablonu. Sipariş özeti ve sepetin boş hâli de düzenlenebilir birer blok.

Bloklar

89 hazır blok

Sayfaları bloklarla kurarsınız. Blokları sıralar, ayarlarını değiştirir, ihtiyacınız olmayanı kaldırırsınız. Sıfırdan bir sayfa kurmak için gereken her parça hazır geliyor.

Tema editörünün blok kütüphanesi ve blok arama kutusu
Blok kütüphanesi. Aradığınız bloğu adıyla bulur, tutup sayfaya bırakırsınız.
Hero Slider bloğunun ayarları: slaytlar, otomatik geçiş, geçiş hızı ve navigasyon
Bloğa özel ayarlar. Slaytlar, otomatik geçiş, geçiş hızı, oklar ve nokta navigasyon — her blok kendi seçeneklerini getirir.
Bloğun düzen ayarları: boşluk, genişlik, hizalama, mobilde gizleme, özel CSS class ve anchor ID
Her blokta ortak düzen. Boşluk, genişlik, hizalama, arka plan; mobilde gizleme ve yalnızca mobilde gösterme.

Bloklar veriye bağlı

Mega menü kategori ağacınızdan, ürün listesi kataloğunuzdan beslenir. Tasarımı değiştirdiğinizde içeriği yeniden girmeniz gerekmez.

Ürün kartı sizin kontrolünüzde

Sepete ekle butonu, indirim rozeti, puan ve favori; her biri ayrı ayrı açılıp kapatılır. Kart, satış yaklaşımınıza göre sadeleşir ya da zenginleşir.

Yayın canlıyı riske atmaz

Temayı çoğaltıp üzerinde çalışırsınız. Değişiklik yayına alınana kadar müşterileriniz mevcut mağazayı görmeye devam eder.

Hata yapmak zor

Geçersiz bir değer bloğu kırmaz; sistem en yakın geçerli değere çeker ve bunu size raporlar. Yanlış bir ayar yüzünden sayfanın boş kalması diye bir durum yok.

Yayın akışı

Canlıya dokunmadan yayına alın

Tasarım değişikliği en çok korkulan işlerden biridir. Bu akış, mağazanız satış yaparken tasarımı rahatça denemenizi sağlar.

  1. Çoğaltın

    Yayındaki temanın bir kopyasını alın. Bundan sonraki her değişiklik bu kopyada kalır.

  2. Önizleyin

    İmzalı önizleme bağlantısıyla yeni tasarımı gerçek verilerle görün; dilerseniz ekibinize gösterin.

  3. Yayına alın

    Hazır olduğunuzda tek hamlede yayınlayın. Mağaza yeni tasarıma geçer.

demo6.rgsyazilim.net
Gracelli konsept mağazası — tema editörüyle kurulmuş örnek

Canlı örnek

Gracelli, baştan sona bu sistemle kuruldu

Editoryal düzenli bir ayakkabı mağazası: 6 kategori, 144 ürün ve numara varyantları. Sayfaların tamamı tema editörünün blokları ve şablonlarıyla oluşturuldu.

Sıkça Sorulan Sorular

Sıkça sorulan sorular

  • Tema editörünü kullanmak için kod bilmem gerekir mi?

    Hayır. Tasarım tokenları, sayfa şablonları ve bloklar hazır seçeneklerle gelir; renk, yazı tipi ve düzen ayarlarını seçerek ilerlersiniz.

  • Tasarımı değiştirirsem ürünlerimi yeniden girmem gerekir mi?

    Gerekmez. Bloklar kataloğunuza bağlı çalışır; ürün listesi ürünlerinizden, mega menü kategori ağacınızdan beslenir. Düzeni değiştirdiğinizde içerik yerinde kalır.

  • Yeni tasarımı yayına almadan önce görebilir miyim?

    Evet. Temayı çoğaltıp üzerinde çalışır, imzalı önizleme bağlantısıyla sonucu gerçek verilerle görürsünüz. Yayına alana kadar müşterileriniz mevcut mağazayı görmeye devam eder.

  • Yanlış bir ayar mağazamı bozar mı?

    Geçersiz bir değer bloğu kırmaz. Sistem değeri en yakın geçerli seçeneğe çeker ve bunu raporlar; sayfa çalışmaya devam eder.

  • Temalar ücretli mi?

    Mobil uyumlu hazır temalarımız e-ticaret paketlerimizle birlikte ücretsiz sunulur. Ayrıca özel tasarım hizmetlerimizle size özel tasarım geliştirme seçenekleri sunmaktayız.

Tasarımı kendi elinizle kurun

Kayıt olun, bir tema seçin, mağazanıza göre düzenleyin. 7 gün ücretsiz, kredi kartı gerekmez.