Ticimax Tema ve Özel Tasarım: Neler Değiştirilebilir?

Ticimax'ta tema değiştirmek ile özel tasarım yaptırmak aynı iş değildir. Tema, hazır bir vitrin iskeletidir: üst menü, ürün kartı, kategori sayfası ve sepet belirli bir düzende gelir. Özel tasarım, o iskeletin yetmediği yerde renk, yerleşim, blok ve bazen şablon davranışını mağazaya göre yeniden kurmaktır. İkisini ayırmadan "sitemizi baştan tasarlayalım" demek, neyin tema ayarı, neyin yazılım işi olduğunu gizler.

Bu yazı, Ticimax mağazasının görünümünü değiştirecek işletmeler içindir. Burak Oğuz, 10 yıl boyunca Ticimax Destek Departmanı Yöneticisi olarak çalıştı. Aşağıdaki sınırlar, destek masasında "tema bozuldu" diye gelen işlerin tekrar eden nedenlerinden çıkarılmıştır. Paneldeki blok adları sürüme ve satın aldığınız temaya göre değişir. Güncel olanaklar için Ticimax'ın kendi dokümanına bakın. Bu sayfa resmi tema kataloğu değildir ve fiyat vermez.

Uygulama için özel tasarım ve e-ticaret sitesi sayfalarına, mağazanın bütünü için Ticimax danışmanlığı sayfasına bakabilirsiniz.

Tema neyi hazır getirir?

Tema, mağazanın iskeletidir. Başlık, duyuru bandı, kategori menüsü, ürün listeleme, ürün detayı, sepet ve ödeme adımlarının genel yerleşimi buradan gelir. Tema seçmek, bu iskeletin hangisine oturacağınızı seçmektir. Seçimden sonra renk, logo, yazı tipi ve bazı blokların açılıp kapanması çoğu kurulumda tema ayarındandır. Bu ayarlar "özel tasarım" diye satılmamalıdır. Ayarla biten işi yazılım işi gibi anlatmak, kapsamı şişirir.

Tema, her sayfayı istediğiniz gibi kesip biçmenize izin vermez. Ürün kartındaki fiyatın yeri, varyant seçicinin tipi veya kategori filtresinin davranışı temanın verdiği seçeneklerle sınırlı olabilir. Sınır, temanın dokümanında ve paneldeki blok listesinde görülür. Dokümanda olmayan bir davranışı "CSS ile her şey olur" diye vaat etmek yanlıştır. CSS görünümü değiştirir; stok, fiyat ve sipariş kuralını değiştirmez.

Tema güncellemesi de hesaba katılır. Hazır temayı kökten kesip biçmek, sonraki tema güncellemesinde özelleştirmenin ezilmesine yol açabilir. Değişiklik, güncellemeden sonra da duracak şekilde ayrılmalıdır. Nasıl ayrılacağı temaya göre değişir; tek bir dosya adı ezberlenmez.

Tema ayarıyla değişenler

Aşağıdaki işler, çoğu mağazada önce ayar ekranında aranır. Ayar varsa özel geliştirmeye geçilmez.

• Logo ve favicon: Marka dosyasının doğru ölçüde yüklenmesi. Ölçü, seçilen temanın istediği orana göre kontrol edilir.
• Renk: Ana renk, düğme rengi, duyuru bandı. Kontrast, düğme yazısının okunmasını bozmayacak şekilde seçilir.
• Yazı: Temanın desteklediği yazı tipi. Desteklemiyorsa her yazı tipini gömmek hızı da etkiler.
• Üst menü ve kategori sırası: Hangi kategorinin görüneceği ve sırası. Menü tasarımı değil, bilgi mimarisidir.
• Anasayfa blokları: Slider, ürün grubu, banner, metin alanı gibi temanın sunduğu blokların açılması veya kapanması.
• Ürün kartı içeriği: İndirim etiketi, stok uyarısı, ikinci görsel gibi temanın açıp kapattığı öğeler.
• Alt bilgi: İletişim, sözleşme linkleri, ödeme ikonları. Yasal metinlerin varlığı tasarım tercihinden önce gelir.

Bu liste her temada birebir yoktur. Panelde karşılığı yoksa o madde özel işe kalır. Karşılığı varken sıfırdan kod yazmak, bakımı zor bir mağaza üretir.

Özel tasarım ne zaman gerekir?

Özel iş, tema ayarının yetmediği ve bunun örnekle gösterildiği yerde başlar. "Daha modern olsun" bir iş tarifi değildir. Şu cümleler iş tarifidir: kategori sayfasında filtre mobilde menünün altında kalsın, ürün detayında beden tablosu varyantın yanında dursun, anasayfada şu üç ürün grubu bu sırayla ve bu başlıklarla görünsün, kampanya bandı yalnızca seçili kategoride çıksın.

Görünüm işi ile işlev işini ayırın. Rengi ve boşluğu değiştirmek görünüm işidir. Sepete eklenince başka bir ürün önermek, B2B müşteriye farklı fiyat göstermek veya pazaryerinden gelen stoğu sayfada özel rozetle işaretlemek işlev işidir. İşlev, özel yazılım kapsamına kayabilir. İkisini tek "tasarım" kaleminde birleştirmek, test edilmeyen davranışı yayına alır.

Özel CSS veya şablon değişikliği yapılırken mevcut sayfa bozulmamalıdır. Ürün detayı, kategori, sepet, üye girişi ve ödeme ayrı ayrı kontrol edilir. Yalnızca anasayfaya bakıp "oldu" demek, mobilde sepetin kaymasına göz yumar. Site yavaş açılıyor yazısındaki hız konusu da buraya bağlanır: gereksiz görsel, gömülü yazı tipi ve ölçüsüz banner, tasarım güncellemesinin yan etkisidir.

Tasarımın değiştirmemesi gerekenler

Görünüm uğruna ticaretin omurgası oynatılmaz.

• Fiyat ve stok: Tasarım katmanı fiyat hesaplamaz. Kampanya kuralı paneldeki ticari ayardadır. CSS ile üstü çizili fiyat uydurmak, müşteriye yanlış rakam gösterir.
• Sepet ve ödeme: Adım sayısı ve zorunlu alanlar, yasal ve operasyonel ihtiyaçtır. "Daha kısa görünsün" diye zorunlu sözleşmeyi gizlemek sorun üretir.
• Ürün kodu ve varyant: Tasarım, bedeni gizleyerek tek ürün gibi gösteremez. Varyant, stok ve barkodun parçasıdır. Pazaryeri ile ortak kod düzeni pazaryeri rehberinde anlatılır.
• SEO alanları: Başlık, açıklama ve kategori metni tasarım süsü değildir. Görsel değişince başlıkların silinmesi sık görülen bir yayın hatasıdır. Ticimax SEO kontrolü, tema işinden sonra tekrar yapılır.
• Ölçüm kodları: Tema dosyası değişince reklam ve analiz kodları düşebilir. Yayın öncesi etiketlerin durduğu kontrol edilir. Kodun nasıl kurulacağı reklam hesabının dokümanındadır; bu yazı piksel kimliği vermez.

Mobil yerleşim ayrı kontrol edilir

Masaüstünde düzgün duran bir banner, telefonda ürün adını kapatabilir. Tema işinin kabul kriteri iki genişlikte yazılır: dar ekran ve geniş ekran. Kontrol edilecek yerler anasayfa, kategori, ürün detayı, arama sonucu, sepet ve ödeme girişidir. Menü açılmıyorsa veya sabit bir bant "sepete ekle" düğmesinin üstünde kalıyorsa iş bitmemiştir.

Görsellerin ölçüsü de mobildir. Anasayfa slaytına masaüstü ölçüsünde, yazısız hali olmayan bir görsel koymak, telefonda kırpılmış bir kampanya üretir. Her slayt için metnin görselin içinde değil, ayrıca okunur bir başlıkta durması daha sağlamdır. Metin yalnızca görselin içindeyse ekran okuyucu ve arama motoru o vaadi göremez.

Yayın sırası

1. Mevcut temanın adı ve özelleştirme olup olmadığı yazılır. Bilinmiyorsa önce bu tespit edilir, sonra yeni işe girilir.
2. İstenen değişiklikler ayar ile kod diye ikiye ayrılır. Ayarla bitenler listeden çıkar.
3. Kalan her madde için sayfa ve örnek verilir. "Tüm site daha iyi olsun" maddesi parçalanmadan işe alınmaz.
4. Taslak, gerçek bir kategori ve gerçek bir ürünle bakılır. Boş tema demosu yeterli kanıt değildir.
5. Sepet, üyelik, ödeme ve mobil menü ayrıca tıklanır.
6. SEO başlıkları ve ölçüm kodları yayın öncesi yerinde mi diye bakılır.
7. Tema güncellemesi gelirse özelleştirmenin durduğu not edilir. Not yoksa bir sonraki güncelleme sürpriz olur.

Bu sıra takvim günü vermez. Kaç gün süreceği, ayırdığınız madde sayısına ve temanın neye izin verdiğine bağlıdır. Süreç mantığı kurulum süresi yazısında ayrıca anlatılır. Tek bir "tema üç günde biter" cümlesi, kapsam gizlendiğinde yanlıştır.

Kapsam dışı kalan istekler

Başka bir markanın sitesinin kopyası, telifli bir temanın birebir taklidi veya hazır bir pazaryeri vitrininin klonu istenmez. Tasarım, sizin kategorinize ve ürün bilginize göre kurulur. Ayrıca tema, pazaryeri komisyonunu, kargo anlaşmasını veya ödeme kuruluşu limitini değiştirmez. O konular ilgili kuruluşun sözleşmesindedir.

Hazır bir sayfa oluşturucuda sürüklenen her blok da sınırsız değildir. Blok, temanın verdiği alana oturur. Almayan bir yerleşim için şablon değişikliği gerekir. Şablon değişikliği test ister. Test edilmeden yayına alınan şablon, ürün sayfasında fiyatın kaybolması gibi sonuçlar doğurabilir. Bu sonuç "tarayıcı kaynaklı" diye geçilemez; yayın öncesi kontrolün işidir.

Tasarımcıya ne verilir, yayında ne teslim edilir?

İş başlamadan örnekler yazılıdır. Bir kategori adresi, bir ürün adresi, beğenilen ve beğenilmeyen birer referans sayfa yeter. Referans, kopyalanacak bir site değildir; "şu boşluk fazla, şu düğme geç kalıyor" gibi somut not içindir. Logo dosyasının açık hali, marka rengi ve kullanılmayacak renk de bu nottadır. Not yoksa tasarım turu kişisel beğeniye döner ve her tur takvimi uzatır.

Teslimde yalnızca görsel export yetmez. Hangi sayfanın değiştiği, ayarla yapılanlar, kodla yapılanlar ve tema güncellemesinde dikkat edilecek yer yazılır. Yazılmazsa altı ay sonra başka bir kişi temayı günceller ve özelleştirme kaybolur. Kaybolunca "tema bozuldu" denir; aslında not yoktur.

Eğitim, tasarım turunun parçası olabilir. Anasayfa bloğunu kim değiştirecek, banner ölçüsü ne, menüye kategori kim ekleyecek? Bunu bilmeyen ekip, ilk kampanyada geliştiriciyi bekler. Beklemek tasarımın hatası değil, teslimatın eksikliğidir. Kampanya görselini hazırlayacak kişi ile bloğu açacak kişi aynı olmak zorunda değildir; ikisinin de adı kapsamda durur.

Sık sorulan sorular

Temayı değiştirince ürünlerim silinir mi?

Tema, vitrin iskeletidir. Ürün, kategori, müşteri ve sipariş kayıtları temanın kendisi değildir. Yine de tema değişiminden önce yedek ve bir ürünün, bir kategorinin, bir siparişin yerinde olduğu kontrol edilir. Bu kontrol atlanırsa kayıt duruyor olsa bile vitrinde yanlış kategori veya boş blok görünebilir.

Her istediğim yerleşim CSS ile yapılır mı?

Hayır. CSS görünümü etkiler. Stok, fiyat kuralı, ödeme adımı ve pazaryeri eşlemesi CSS işi değildir. Temanın izin vermediği bir davranış için şablon veya yazılım işi ayrıca konuşulur.

Anasayfa slaytı satış artırır mı?

Tek başına bir slayt satış vaadi değildir. Slayt, doğru ürün grubuna giden net bir bağlantıysa işe yarar. Yazısız, yavaş açılan veya telefonda kırpılan bir görsel vitrini yavaşlatır. Satışın asıl yeri kategori ve ürün sayfasıdır.

Özel tasarım SEO'yu bozar mı?

Başlıklar, açıklamalar ve ölçüm kodları korunursa bozmak zorunda değildir. Tema dosyası değişirken bu alanların silinmesi ise sık görülen bir hatadır. Yayın öncesi SEO kontrolü tekrarlanır.

Hangi temayı seçmeliyim?

Bu yazı bir tema adı önermez. Seçim, sattığınız ürünün varyant yapısına, filtre ihtiyacına ve ekibin yönetebileceği blok sayısına göre yapılır. Karar için örnek bir kategori ve örnek bir ürün yeterlidir. Kataloğu görmeden "en iyi tema" demek tahmin olur.

Yayından sonra temaya kim dokunur?

Kampanya haftası herkes banner değiştirmek ister. Kural yoksa bir kişi bloğu kapatır, başka bir kişi eski slaytı geri yükler, üçüncü kişi ürün grubunun başlığını siler. Tema işi bittiğinde şu üç soru cevaplı olmalıdır: anasayfa bloğunu kim açar, görsel ölçüsü nerede yazılı, yanlış bir yayın olursa bir önceki haline kim döner? Dönüş yolu yoksa her deneme kalıcı bir bozulma olur.

Mevsimlik kampanya, tema projesinin yeni bir fazı değildir. Aynı blokların içini değiştirmektir. Blok yetmiyorsa o zaman yeni madde açılır, kampanya gününün sabahı değil. Sabah açılan madde test edilmeden yayına gider ve sepet günü boşa harcanır. Bu ayrım, tasarımın süresini de korur: acil görünen her istek, bitmiş işin üstüne yazılmaz.

Sonraki adım

İstediğiniz değişikliği üç maddeye indirin: ayarla bitecek olan, tasarımla değişecek sayfa, hiç dokunulmayacak ticaret kuralı. Bu üçü yazılmadan teklif de netleşmez. Kurulum henüz başlamadıysa görünüm işini, ödeme ve ürün aktarımı bitmeden en başa almayın. Sıra için Ticimax site kurulum sayfasına bakın. Hazır bir vitrinin üzerine özel iş kurmak, boş bir temayı tahminle boyamaktan daha sağlıklıdır.