Flex Temalar Nedir? Ayarları ve Özellikleri

Flex temalar, mağazanızın görünümünü neredeyse tümüyle sizin kontrolünüze veren yeni nesil temalardır. Standart temaların kalıp yapısının aksine; ana sayfa düzeninden renklere, fontlardan header yapısına kadar her alanı kendiniz şekillendirebilirsiniz. Standart temalar da modern ve kalitelidir; flex temalar yalnızca çok daha fazla özelleştirme ve gelişmiş ayar sunar. Temel mantık şudur: istediğinizi kullanın, istemediğinizi kapatın.

Flex Temalar Nedir?

Yol: Ayarlar › Tasarım Ayarları › Temalar › Flex Temalar

• İki paket grubu: Entegre paketlerdeki flex temalar (Light) ile üst paketlerdeki flex temalar farklıdır. Platinum pakete ait Pro flex temalar en geniş ayar setine sahiptir; bazı ayarlar yalnızca Pro temalarda bulunur.
• Tema satın alma: Beğendiğiniz bir flex tema paketinizde yoksa, paket yükseltmeden yalnızca o temayı satın alabilirsiniz; satış ekibiyle görüşmeniz yeterlidir.
• Herkese aynı, sonuç farklı: Aynı temayı iki mağaza seçse bile; sıralama, header ve renk ayarları sayesinde iki mağaza tamamen farklı görünebilir.

Önemli: Bir flex temada hangi özelliklerin bulunduğu tamamen temanın yapısına göre değişir. Bir ayar bir temada varken diğerinde olmayabilir — örneğin bazı temalarda slider ve banner alanlarına video eklenebilirken bazılarında eklenemez; sayaç, markalar veya ürün detay özelleştirmesi gibi alanlar da her temada bulunmaz. Bu rehberde "(bazı temalarda)" ifadesi bunu belirtir.

Genel Ayarlar

Yol: Flex Tema Ayarları › Genel Ayarlar

Genel ayarların büyük kısmı standart temalarla ortaktır. Flex temalara özel öne çıkan yenilikler ve tek tek yönetilebilen alanlar şunlardır:

• Masaüstü / mobil logo yüksekliği: Logonuz küçük görünüyorsa yüksekliğini artırarak büyütebilirsiniz. Masaüstü ve mobil için ayrı ayrı ayarlanır.
• Ürün görsellerinin en-boy oranı: Hazır oranlar yerine doğrudan piksel boyutu (ör. 800 × 1200) girebilirsiniz. Tüm sitedeki ürün görsel çerçeveleri bu boyuta göre oluşturulur.
• Görsellerin otomatik boyutlandırılması: Ürün görsellerini hangi boyutta yüklerseniz yükleyin, belirlediğiniz çerçeveye otomatik sığdırılır. Yine de dikey bir çerçeveye dikeye yakın görsel yüklemek en iyi sonucu verir.
• Kargo ve stok butonları gösterimi: Vitrinlerde ve ürün detayında kargo/stok bilgisini gösterir ya da gizler.
• Favorilere ekle (kalp) butonu: Favori butonunu gösterir/gizler.
• Kullanıcı / yorum butonu: Yorum butonunu gösterir/gizler.
• Stok kodu, stok durumu ve barkod gösterimi: Ürün detayında bu bilgilerin görünüp görünmeyeceğini tek tek belirlersiniz.
• En düşük taksit miktarı gösterimi: Ürün detayında en düşük taksit bilgisinin gösterimini açıp kapatır.
• Akordeon ürün bilgisi varsayılan gösterimi: Ürün detayındaki "Ürün Bilgisi" alanının otomatik açık mı yoksa kapalı mı geleceğini belirler.
• Mobil menü üst başlık gösterimi: Mobilde menünün üstündeki "Menü" yazısını gösterir/gizler.
• Mobil menü kullanıcı butonları: Giriş yap / kayıt ol / çıkış yap butonlarını mobil menüde gösterir/gizler.

Not: Eskiden bu alanlar topluca açılıp kapatılıyordu. Flex temalarda yukarıdaki bilgi ve butonları tek tek veya topluca kapatabilirsiniz.

Renk Ayarları

Yol: Flex Tema Ayarları › Renk Ayarları

Standart temalarda genellikle 2-3 renk ayarı bulunurken, flex temalarda daha fazla alan vardır. Temanın birincil, ikincil ve üçüncül rengini; buton renklerini ve etiket renklerini ayrı ayrı belirleyebilirsiniz. Logonuzdaki renkleri kullanarak bütünlüklü bir görünüm oluşturabilirsiniz.

Font Ayarları

Yol: Flex Tema Ayarları › Font Ayarları

Önceki temalarda yazı tipini değiştiremiyordunuz. Flex temalarda hazır font örnekleri arasından seçim yaparak başlıkların fontunu ve genel (gövde) fontu ayrı ayrı belirleyebilirsiniz (ör. Rubik, Ubuntu). Değişiklik, sitenizdeki tüm yazı stillerine uygulanır.

Header (Üst Bölüm)

Yol: Flex Tema Ayarları › Header

En çok talep gören özelleştirme alanlarından biridir. "Logom ortada olsun", "kategorilerim farklı görünsün" gibi isteklerin tamamını tasarım ekibine ihtiyaç duymadan kendiniz yapabilirsiniz.

• Header görünüm stili: Genellikle 2-3 hazır stil sunulur. Logoyu solda ya da ortada konumlandırabilir, kategori menüsünü üstte veya altta gösterebilirsiniz; arama alanının yeri de stile göre değişir.
• İkon görünüm stili: Header ikonlarını "sadece ikon", "ikon solda / metin sağda" veya "ikon üstte / metin altta" gösterebilirsiniz. Böylece müşterileriniz ikonların ne işe yaradığını daha kolay anlar.
• Kayan yazı (bilgilendirme şeridi): Header'ın en üstünde kayan bilgilendirme mesajları (ör. "Kolay iade ve değişim", "X TL üzeri kargo ücretsiz"). Metinleri, yazı ve arka plan rengini ayarlayabilir, istemediğiniz mesajları kaldırabilir veya şeridi tamamen kapatabilirsiniz.
• Sayaç alanı (bazı temalarda): Kampanya bitişine geri sayım gösteren alan.

Ana Sayfa Düzeni ve Sıralama

Yol: Flex Tema Ayarları › Sıralama

Flex temaların en güçlü özelliğidir. Ana sayfadaki tüm alanları (bannerlar, vitrinler, hikaye bannerları) sürükleyerek istediğiniz sıraya dizebilirsiniz.

• Alanları taşıyın: Bir bölümü yukarı/aşağı çekin; öne çıkarmak istediğiniz vitrin veya bannerı üste alın.
• İstemediğinizi kapatın: Flex temalarda çok sayıda banner bulunur. Genelde bir kısmını kapatmak daha derli toplu bir sayfa sağlar.
• Önce adını öğrenin: Bir alanı taşımadan önce, banner listesindeki görsele bakarak sitedeki karşılığını bulun. Aynı görsel birden fazla yerde olabileceği için ikinci görselle de teyit edin.
• Animasyon (bazı temalarda): Açıkken bölümler, sayfa kaydırıldıkça yumuşak bir geçişle görünür. Kapalıyken içerik doğrudan gelir.

İpucu: Flex sayfaları genellikle uzundur. Sıralama ve banner kapatma ile sayfayı kendi mağazanıza göre sadeleştirin.

Slider

Slider

Yol: Flex Tema Ayarları › Slider

Slider ekleme ve boyutlandırma yöntemi standart temalarla aynıdır. Flex temalarda ek olarak görünüm stili gelir.

Önemli: Slider görünüm stilleri ve isimleri temadan temaya değişir. Aşağıdaki "Bento Slider" ve "Default Slider" yalnızca örnektir; her flex temanın kendine ait slider stilleri, sayısı ve özellikleri olabilir. Kullandığınız temada hangi seçenekler varsa onları göreceksiniz.

• Görünüm stili (temaya göre değişir): Genellikle birden fazla stil sunulur. Örneğin bazı temalarda "Bento Slider" birden fazla slider'ı bir arada gösterir; "Default Slider" tekli slider olarak çalışır ve kendi içinde Stil 1 (köşeleri yuvarlatılmış) / Stil 2 (tam ekran) gibi alt seçenekler sunabilir. Sizin temanızdaki stil adları ve görünümler farklı olabilir.
• Farklı stilleri aktif edip web görünümü deneyebilirsiniz.
• Mobil slider resmi (yeni): Masaüstü için eklediğiniz yatay slider mobilde küçük kalabilir. Mobil için kareye yakın/dikey ayrı bir görsel ekleyerek mobilde çok daha dikkat çekici bir slider elde edersiniz.
• Video desteği (temaya göre): Bazı temalarda slider (ve bazı banner) alanlarına video ekleyebilirsiniz; bazı temalarda bu desteklenmez. Video desteği tamamen temanın yapısına bağlıdır.
• Arka plan rengi: Önce "arka plan rengini aç", ardından rengi seçin.
• Boşluk (padding) değerleri: Slider'ın üst ve alt iç boşluğunu ayarlayarak üstündeki/altındaki içerikle mesafesini belirleyin. Masaüstü ve mobil ayrı yönetilir.

Dikkat — en sık yapılan hata: Ayarı, seçtiğiniz stilin alanından yapın. Örneğin Bento Slider seçtiyseniz görselleri Bento Slider alanından, Default Slider seçtiyseniz Default Slider alanından ekleyin. Seçtiğiniz stil hangisiyse ayarı da o alandan yapmalısınız; görselleri yanlış alana eklemek slider'ın görünmemesine yol açar.

Bannerlar

Flex temalarda çok sayıda banner türü bulunur. Öne çıkanlar:

• Hikaye bannerları: Instagram hikâyeleri gibi yuvarlak alanlar. Ürün, kategori, sayfa veya blog yazısına görselle birlikte link verebilirsiniz.
• Kategori bannerları, tekli banner ve temaya göre değişen diğer banner alanları.

Bannerlarda ortak ayarlar:

• Konteyner / Tam ekran (Full): "Konteyner" içeriği belirli bir genişlikte tutar; "Tam ekran" alanı ekranın kenarlarına kadar genişletir.
• Arka plan renk durumu ve iç boşluk (padding) değerlerini dilediğiniz gibi ayarlayabilirsiniz.

Hangi banner nedir? Banner alanının içindeki görsele bakıp sitedeki karşılığını bulun. Aynı görsel birden fazla yerde olabileceğinden, ikinci görselle teyit edin. İhtiyaç duymadığınız bannerları kapatın; çok ürününüz varsa ve seviyorsanız tümünü de kullanabilirsiniz.

Markalar (bazı temalarda)

Klasik Katalog › Markalar bölümünden eklediğiniz markaları, logo görselleriyle birlikte ana sayfada gösterebilirsiniz. Dünyaca ünlü ya da sektörünüzde öncü markalar satıyorsanız güçlü bir güven unsurudur. Tema ayarlarından istediğinizde kapatabilirsiniz.

Vitrinler

Yol: Flex Tema Ayarları › Vitrinler

Flex temalarda istisnasız tüm vitrinler (Sponsor Ürünler, Yeni Ürünler, Ana Sayfa Ürünleri, İndirimli vb.) doğrudan tema ayarlarından yönetilir. Standart temalarda vitrinler bu şekilde yönetilemez; flex temalarda hepsi tek yerden kontrol edilir. Vitrine ürün atama yöntemi klasik "Vitrin Düzeni" ile aynıdır; değişen, vitrinin görünümünü de buradan yönetebilmenizdir.

• Alan genişliği: Konteyner ya da tam ekran.
• Bir satırdaki ürün adedi: Yan yana kaç ürün görüneceğini her vitrin için ayrı belirlersiniz (az ürün = daha büyük görsel).
• Görünüm stili — Kaydırmalı / Liste: "Kaydırmalı" ürünleri yana doğru dizer; "Liste" alt alta dizer. Özellikle mobilde liste, müşterinin sayfayı kaydırdıkça daha çok ürün görmesini ve daha uzun süre gezinmesini sağlar.
• Vitrin başlığı: Başlığı doğrudan vitrin ayarından değiştirirsiniz (eskiden tema dil değişkenlerinden yapılırdı).
• Tablı vitrin (bazı temalarda): "Yeni Gelenler / Sizin İçin Seçtiklerimiz / Kampanyadakiler" gibi sekmeli vitrin.
• Vitrin sayısı: İndirimli vitrinle birlikte en fazla 5 vitrin. İstemediğinizi kapatıp istediğinizi açabilir, her birini ayrı ayrı liste veya kaydırmalı yapabilirsiniz.
• SEO yazısı: Ana sayfanın bulunabilirliğini artırmak için (gerekirse yapay zekâ desteğiyle) bir metin ekleyebilirsiniz.

Bilgilendirme Alanları

"Ücretsiz teslimat", "Kolay iade" gibi bilgilendirme kutularıdır. İkon ve metin konumunu (ikon üstte / metin altta ya da ikon solda / metin sağda) dilediğiniz gibi ayarlayabilirsiniz.

Instagram, Blog ve SEO Alanları

• Instagram bannerları: Sayfanın en altındaki alandır. Görselleri güncelleyip Instagram sayfanıza link verebilirsiniz.
• Blog bloğu: Ana sayfadaki blog alanını ve ayarlarını buradan yönetirsiniz (standart temalarda da bulunur).
• Resim alt etiketi: Görselin arama motorlarında nasıl tanımlanacağını belirten metindir (alt text). Google'ın görseli nasıl anlamasını istiyorsanız ona göre yazın.

Kategori Sayfası Sol Blok (bazı temalarda)

Bu ayarı açtığınızda kategori sayfalarında sol blok yapısı aktif olur (hızlı arama, marka arama vb.). Her temada bulunmaz; temaya özgü bir özelliktir. Blok içeriğini Tasarım Ayarları › Bloklar bölümünden düzenleyebilirsiniz.

Ürün Detay Sayfası (Platinum · Pro paketler)

Yol: Flex Tema Ayarları › Ürün Detay

Pro (Platinum) flex temalarda ürün detay sayfasını da özelleştirebilirsiniz. Entegre paketlere ait Light flex temalarda bu alan daha kısıtlıdır.

• Ürün görselleri görünüm stili: Görsellerin dizilişini seçersiniz (ör. büyük görsel üstte küçükler altta, küçük resimler solda büyük sağda, liste vb.).
• Ürün açıklamaları — Akordeon / Tab: "Akordeon" bilgileri alt alta açılır kutular hâlinde; "Tab" yan yana sekmeler hâlinde gösterir.
• Tavsiye / benzer / kombin ürünler: Bir satırdaki ürün adedini belirleyebilir, bu alanları kaydırmalı ya da liste yapabilirsiniz. Liste, müşterinin aşağı kaydırdıkça daha çok ürün görmesini sağlar.
• Detay içeriklerini sıralama: Ürün adı, kısa açıklama, fiyat ve taksit, varyant grubu, adet ve sepete ekle, kargo/kullanıcı butonları gibi bileşenleri sürükleyerek istediğiniz sıraya dizebilirsiniz.

Not: Ürün adı, fiyat, sepete ekle ve (varsa) varyant kapatılamaz. Diğer bileşenler Genel Ayarlar'dan tek tek gizlenebilir.

Footer (Alt Bölüm)

Yol: Flex Tema Ayarları › Footer

Footer içeriği standarttır. Eklenen footer görünüm stili ile 2 farklı yerleşim arasında seçim yapabilirsiniz. Seçtiğiniz stile (1 veya 2) göre logonuzu ve alanları ona uygun düzenleyin.

WhatsApp Butonu

Yol: Flex Tema Ayarları › WhatsApp Butonu

Bütün flex temalarda WhatsApp butonu bulunur ve doğrudan tema ayarlarından yönetilir; ayrı bir Uygulamalar kurulumuna gerek yoktur. "Sadece ikon" ya da "ikon + metin" (ör. "WhatsApp Destek") seçebilirsiniz. Numara, konum, buton metni, buton rengi, ikon durumu, arka plan rengi ve hover (üzerine gelince) rengini ayarlayabilirsiniz.

Çakışmayı önleyin: Uygulamalar bölümünden ayrıca WhatsApp kurduysanız, uygulamadakini kapatıp flex temanın butonunu kullanın; daha modern görünür. Ayrıca stil 1 veya 2 seçtiyseniz ayarları yalnızca seçtiğiniz stilden yapın.

Değişmeyen Bölümler

Sosyal Ağ ve İletişim ile Tema Dil Değişkenleri bölümleri standart temalarla aynıdır; flex temalarda ek bir değişiklik yoktur.

Pro ve Lite Temaların Farkları

Aynı flex mantığı tüm temalarda geçerlidir; Pro temalar daha geniş bir ayar setine sahiptir. Light flex temalarda tipik olarak:

• Banner / slider / vitrinlerde üst-alt boşluk (padding) ayarları bulunmayabilir; yalnızca genişlik ayarlanabilir.
• Ürün detay özelleştirmesi daha kısıtlıdır.
• Bazı bannerlarda konteyner / tam ekran gibi seçenekler olmayabilir.

Light temalar da oldukça yeteneklidir; boşluk ayarlarının olmaması çoğu mağaza için büyük bir eksiklik değildir.

Yeni Nesil Flex Temalar

Flex temalara sürekli yeni özellikler ekleniyor. Örneğin bazı yeni temalarda (ör. Pablo) bannerların arkasına arka plan görseli koyabilirsiniz; arka plan resminin konumunu, tekrarını, boyutunu ve rengini ayarlayabilirsiniz. Panelde farklı ayar görebilirsiniz.Mantık her zaman aynıdır.

Özetle

Bir alanın adını öğrenin, ayarını bulun, deneyin, sonra kaydedip önizleyin. Flex temalar bu dört adımla mağazanızı tamamen kendinize özgü hâle getirmenizi sağlar. İki mağaza aynı temayı kullansa bile, sizin mağazanız yalnızca size benzer.