Dört mağaza teması ve daha güçlü bir sayfa düzenleyici

Bu yazı, 26 Nisan ile 9 Mayıs 2026 arasına yazıya dökülmüş bir geriye bakış ve 12 Ekim 2026'da yayımlandı. Kapsanan dönem: 26 Nisan - 9 Mayıs 2026. Bu iki haftanın öne çıkan özelliği temalar: bir mağazanın bütününü değiştirebileceğiniz görünümü.

Kısaca

• Bir tema sistemi inşa ettik ve ilk sürümün dört temayla çıkmasına karar verdik: Neo-Brutalism, Botanical, Sketch ve Playful Geometry.
• Sayfa düzenleyici uzun bir araç listesi kazandı: çoklu seçim, döndürme, kırpma, geri alma ve yineleme, sürüm geçmişi ve dürüst bir kayıt göstergesi.
• Kurs oluşturma yeniden işlendi; böylece uzun bir kursun yarıda takılma ihtimali azaldı.

Öne çıkan özellik: dört tema

Bir tema, düğmelerin, kartların, giriş alanlarının, sekmelerin ve iletişim kutularının tüm mağazada nasıl görüneceğine karar verir. Bundan önce farklı bir his isteyen bir yaratıcının her şeyi bölüm bölüm değiştirmesi gerekiyordu.

9 Mayıs'ta bir kapsam kararı aldık ve bunu koda yazdık: ilk sürümde yalnızca dört tema var.

• Neo-Brutalism: keskin köşeler, kalın dış çizgiler ve sert gölgeler.
• Botanical: yumuşak, organik şekiller, italik vurgu ve yayılmış gölgeler.
• Sketch: kâğıt dokulu bir arka plan, elle çizilmiş bir his ve el yazısı yazı tipleri.
• Playful Geometry: yeni bir mağaza için varsayılan.

Araştırmakta olduğumuz diğer üç stil (Claymorphism, Flat Design ve Material You) sonraki bir sürüme ertelendi. Yarı yarıya çalışan yedi tema yerine gerçekten çalışan dört temayı tercih ederiz.

Tema çalışması için commit'lerin gösterdikleri:

• Düğmeler, kartlar, rozetler, giriş alanları, sekmeler, iletişim kutuları ve yan paneller gibi temel yapı taşları artık görünümünü etkin temadan alıyor.
• Yeni bir mağaza Playful Geometry ile başlıyor. Onboarding'e bir tema seçici, inspector'a bir tema kontrolü ve kendi yönetim ekibimiz için bir değiştirici eklendi.
• Alıcıların gördüğü birçok vitrin sayfası, sabit biçimlendirme yerine temayı izleyecek şekilde taşındı.
• Başlık, yükseklik kontrolü kazandı: düz, yumuşak, güçlü veya yüzen.
• Tema başına iç denetimler ve bir performans bütçesi eklendi. Bu sizin görebileceğiniz bir şey değil, ama sayıyı küçük tutmamızın nedenlerinden biri.

Bunları ekip dışındaki yaratıcılarla test etmedik ve mağazaların gerçek dünyada nasıl göründüğü hakkında bir iddiada bulunmuyoruz.

Başka neler inşa ettik

Daha güçlü bir düzenleyici. Sayfa düzenleyici, bir tasarım uygulamasından beklenecek araçlar kazandı:

• Bir değiştirici tuşla tıklayarak ya da kutu çizerek aynı anda birkaç öğeyi seçme.
• Gruplama, grubu çözme, bir bölümü çoğaltma, hizalama ve eşit dağıtma, bir katmanı kilitleme, bir katmanı gizleme.
• Bir tutamaçla döndürme, klavyeyle hafifçe kaydırma, bir sütun ayırıcıyı sürükleme.
• Bir öğenin stilini kopyalayıp başka bir öğeye yapıştırma ve damlalıkla renk seçme.
• Sağ tık menüsü, hızlı geçiş araması, sayfa mini haritası ve kısayolları listeleyen bir yardım penceresi.
• Geri al ve yinele düğmeleri.

Düzenleyicide görsel araçları. Kırpma, önemli kısmın görünür kalması için odak noktası, filtre ön ayarları, en-boy oranı kilidi, içine yazabileceğiniz bir boyut rozeti ve sayfadaki bir görseli değiştirmek için sürükle ve bırak.

Dürüst kayıt. Kayıt göstergesi artık üç şeyden birini söylüyor: Canlı, Taslak olarak kaydedildi ya da Kaydediliyor. Eskiden sayfa alıcılara henüz görünmediği durumlarda bile "Kaydedildi" diyordu. Aynı sayfayı iki sekmede açarsanız düzenleyici, devralmak mı yoksa salt okunur devam etmek mi istediğinizi soruyor. Bir Kayıt geçmişi paneli önceki kayıtları listeler.

Sayfa düzeyinde kaydırıcılar. Hareket, Yoğunluk ve Stil için üç kaydırıcı, bir hero bölümüne ekleyebileceğiniz yüzen bir rozet ve kompaktan sinematiğe uzanan bir yoğunluk ön ayarı. Hero bölümleri, tek tek öğeleri açıp kapatmanıza izin verir.

Metin biçimlendirme. Her metin parçası için biçimlendirme kontrolleri, düzenleyici genelinde uygulanır.

Daha güvenilir kurs oluşturma. Kurs oluşturma, yedek yollarla aşamalı bir sürece dönüştü; böylece başarısız tek bir adım tüm kursu öldürmüyor. Dersler modül bazında paralel olarak oluşturuluyor ve sınav oluşturma, çalışırken arayüzde izleniyor. Bkz. yapay zekâ kurs oluşturucu.

Para birimleri ve diller. Para birimi listesi 135'ten fazlasına çıktı. Henüz çevrilmemiş diller artık "Yakında" gösteriyor ve vitrin dil değiştiricisi varsayılan dile kilitlendi; böylece mağaza, hizmet veremeyeceği dilleri duyurmuyor.

Yapay zekâ kullanımı. Ayarlardaki bir kullanım sayfası, yapay zekâ özelliklerinin neyi tükettiğini token düzeyine kadar gösteriyor.

Geri bildirim. Uygulama içi hata bildirimi artık otomatik olarak ekran görüntüsü alıyor.

Bir koç ya da akademi için ne anlama geliyor

Bir stüdyo ya da spor salonu işletiyorsanız, mağazanın görünümü bir tasarımcıya ihtiyaç duymadan markanıza uymalı. Tema sistemi bunun ilk adımı: dörtten birini seçin, düğmeler ve kartlar onu izlesin. Yalnızca dört seçenekle her markaya uymayacak ve bunu açıkça söylüyoruz.

Dürüst kayıt göstergesi, siteyi birkaç kişi düzenliyorsa en çok işe yarar. Bir sayfa canlı değilken size canlı olduğu söylenmez. Düzenleyici değişiklikleri çoğunlukla sayfaları kuran kişiyi ilgilendirir; yalnızca ders veriyorsanız bunları yok sayabilirsiniz.

Sırada ne var

Sonraki iki hafta, 10 - 23 Mayıs, doğrudan kayıt temasını izledi: canlı sayfadan ayrı taslaklar ve sürüm geçmişi. Ayrıca açılış sayfaları ve yorumlar üzerinde çalışmaya başladık. Planlar ve içerdikleri fiyatlandırma sayfasında.

Konuşmak ister misiniz? PersonaCart'ın kurucu ortaklarından biriyim. Bir sorunuz, bir fikriniz ya da bizden yapmamızı istediğiniz bir şey varsa doğrudan bana yazın: [email protected].

Vinod Morya, Co-founder, PersonaCart