E-ticaret projelerinde tema geliştirme süreçleri, doğru veri akışını takip edebilmek ve ön yüz çıktılarının kontrolünü sağlamak açısından büyük önem taşır. T-Soft altyapısını kullanan projeler için geliştirilen T-SOFT Theme DevTools eklentisi, geliştiricilere tema yapısını daha şeffaf ve yönetilebilir hale getiren güçlü bir çözüm sunar.
Tema geliştirme ve düzenleme süreçlerini hızlandırmak amacıyla tasarlanan bu özel DevTools paneli sayesinde, blok değişkenlerinden çeviri anahtarlarına, global tema verilerinden debug bilgilerine kadar birçok kritik veriye tek bir noktadan erişilebilir. Böylece geliştiriciler, kod içerisinde zaman kaybetmeden aktif sayfa üzerinde çalışan tema bileşenlerini analiz edebilir, hataları daha hızlı tespit edebilir ve geliştirme verimliliğini önemli ölçüde artırabilir.
T-SOFT Theme DevTools, özellikle tema tasarımı, çok dilli içerik yönetimi ve frontend geliştirme süreçlerini daha kontrollü ve pratik hale getirmek isteyen kullanıcılar için kapsamlı bir geliştirme deneyimi sunar.
T-Soft Theme Devtools eklentisine erişmek için tıklayınız.
- Sitede değişkenleri görüntüleyebilmek için panel üzerinden siteye geçiş yapılması gerekmektedir. Geçiş yapmak için sol üst köşede yer alan T-Soft logosuna veya Online Mağaza alanındaki göz simgesine tıklayabilirsiniz. Alternatif olarak, Ön Bellek Temizle sayfasında bulunan Tasarım Modu’nu Aktifleştir seçeneğini kullanarak da siteye geçiş sağlayabilirsiniz.
- Geçiş sağlandıktan sonra sitede ayar butonu görüntülenecektir. Butonun üzerine geldiğinizde açılan seçenekler arasından "T-Soft Devtools" seçeneğine tıklayabilirsiniz.
- T-Soft Devtools daha önce kullanılmadıysa, öncelikle yüklenmesi gerekmektedir. Yüklemek için “Chrome Web Store’dan Yükle” alanına tıklayabilirsiniz.
- Chrome Web Store üzerinde eklenti sayfası açılacaktır. Açılan sayfada “Chrome’a Ekle” butonuna tıklayabilirsiniz.
- Uzantı yüklendikten sonra "F12" tuşuna basarak veya sayfa üzerinde sağ tıklayıp “İncele” seçeneğini kullanarak tarayıcı konsolunu açabilirsiniz. Konsol alanında "T-Soft Devtools" sekmesi otomatik olarak eklenecektir.
- Global Değişkenler : Site kodlamasında kullanılabilen genel değişkenleri görüntüleyebilirsiniz.
- Blok Değişkenleri : Bulunduğunuz sayfa içerisindeki blokları görüntüleyebilir ve her blok içinde kullanılabilecek değişkenleri listeleyebilirsiniz.
- Dil Değişkenleri : Site ön yüzünde, her blok içerisinde yer alan dil değişkenlerini ve bu değişkenlerin karşılıklarını blok bazında görüntüleyebilirsiniz.