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 tema grubu: Flex temalar Lite ve Pro olmak üzere iki gruba ayrılır. Flex Lite temalar Booster paketinden itibaren, Flex Pro temalar Master paketinden itibaren kullanılabilir. Flex Pro 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.

Hangi temayı kullanabileceğinizi panelden görebilirsiniz. Ayarlar › Tasarım Ayarları › Temalar bölümünde temanın üzerindeki üç nokta simgesine tıklayın. Tema paketinizde varsa Aktif Et seçeneği çıkar, yoksa pasif görünür. Genel kural olarak Flex Lite temalar Booster, Flex Pro temalar Master ve üzeri paketlerde kullanılabilir; Starter paketinde flex tema bulunmaz, standart temalar kullanılır. Temaların tamamını ve hangi pakete dahil olduklarını Flex Temalar sayfasından da inceleyebilirsiniz. Paketinizde olmayan bir temayı kullanmak isterseniz satış temsilcinizle görüşebilirsiniz.

Ö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ü Logo Yüksekliği / 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. Bu alanlar yalnızca flex temalarda bulunur; standart temalarda logo yüksekliğini panelden değiştiremezsiniz. Ayar her flex temada beklendiği gibi çalışmayabilir; değeri değiştirip sitenizde kontrol etmeniz önerilir.
• Ü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 veya gizler.
• Kullanıcı / yorum butonu: Yorum butonunu gösterir veya 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.
• Mobil görünüm ayarları: Mobilde ürün bilgisi sekmesinin varsayılan durumu, mobil menü üst başlığı, mobil menüdeki kullanıcı butonları ve sosyal butonlar ayrı ayrı açılıp kapatılır. Bu ayarlar flex temalara özel değildir, standart temalarda da bulunur; ayrıntıları Temalardaki Ortak Ayarlar sayfasında bulabilirsiniz.

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ı

Yazı tipi değiştirme yalnızca flex temalara özeldir; standart temalarda yazı tipi temanın tasarımıyla sabittir ve panelden değiştirilemez. Flex temalarda Genel Font Ailesi ve Başlık Font Ailesi alanlarından gövde metinlerinin ve başlıkların yazı tipini ayrı ayrı belirleyebilirsiniz (ör. Rubik, Ubuntu). Değişiklik, sitenizdeki tüm yazı stillerine uygulanır.

Not: Seçim, temada tanımlı hazır font listesiyle sınırlıdır. Dışarıdan font yükleyemez, listede bulunmayan bir yazı tipini kullanamazsınız.

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. Logo sağa alınamaz — stiller logoyu yalnızca sola veya ortaya taşır ve bazı temalarda yerleşim hiç değişmez. Header stilleri yalnızca flex temalara özeldir; standart temalarda header yerleşimi panelden değiştirilemez.
• İ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.
• Header menüleri: Bazı header alanları kendi menüsünü barındırır. Bu menüler kategori ağacından gelmez, doğrudan tema ayarlarından yönetilir. Hangi header alanında menü bulunduğu temaya göre değişir; bazı headerlarda hiç menü bulunmayabilir. Kategori ağacına eklenen menülerin yönetimi için Menü Yönetimi sayfasını inceleyebilirsiniz.
• Kayan yazı (bilgilendirme şeridi): Kayan bilgilendirme mesajlarıdır (ör. "Kolay iade ve değişim", "X TL üzeri kargo bedava"). Metinleri, yazı ve arka plan rengini ayarlayabilir, istemediğiniz mesajları kaldırabilir veya şeridi tamamen kapatabilirsiniz. Bu alan her temada bulunmaz; temaya göre header üst kısmında ya da banner alanlarında yer alabilir, bu nedenle kendi temanızın ayarlarını kontrol edin.
• Sayaç alanı: Kampanya bitişine geri sayım gösteren alandır. Flex Pro temaların hemen tamamında bulunur; çoğunlukla header bölümünde görünür, bazı temalarda ise banner alanı olarak da kullanılabilir.

Temanızda üst bar veya kayan yazı yoksa: Popup & Bar Yönetimi bölümünden sitenizin üst veya alt kısmına bar ekleyebilir, temanızdaki mevcut barı kapatıp yerine buradan oluşturduğunuz barı kullanabilir ya da ikinci bir bar ekleyebilirsiniz. Temalarla gelen barlar yazı üzerine kuruludur; panelden eklediğiniz barda görsel de kullanabilirsiniz. Görsel kullanacaksanız bar tamamen yatay olduğu için genişliği 1920 px olmalıdır. Panelden eklenen bar kayan yazı biçiminde değildir.

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ı veya aşağı çekin; öne çıkarmak istediğiniz vitrin ya da 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

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ış) veya Stil 2 (tam ekran) gibi alt seçenekler sunabilir. Sizin temanızdaki stil adları ve görünümler farklı olabilir.
• Deneyerek seçin: Farklı stilleri aktif edip web görünümünü kontrol edebilirsiniz.
• Mobil slider resmi (yeni): Masaüstü için eklediğiniz yatay slider mobilde küçük kalabilir. Mobil için kareye yakın veya 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 ve 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. 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 rengi ve iç boşluk (padding): Değerleri 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 tümünü de kullanabilirsiniz.

Markalar (bazı temalarda)

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. Diğer vitrinlerle aynı üç ayarı kullanır; tek farkı, sekmelerdeki iki veya üç vitrinin tek bir ayar setiyle birlikte şekillenmesidir, her sekme için ayrı ayar yapılmaz.
• 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ı

"Bedava 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.

Kargo Bilgilendirmesi Göstermek

Bilgilendirme alanlarındaki kutular sabit metinlerdir; müşterinin sepet tutarına göre değişmez. "Şu kadar daha ekleyin, kargo bedava" gibi tutara bağlı bir bildirim göstermek isterseniz iki adım gerekir:

1. Önce kargo ayarlarınızda sabit fiyatlandırma ve bir kargo limiti tanımlamanız gerekir. Bu tanımı Kargo Oranlarını Düzenlemek sayfasından yapabilirsiniz.
2. Ardından Bedava Kargo Bildirimi uygulamasını kurarak bildirimin metnini, konumunu, yazı biçimini ve arka plan rengini kendiniz belirleyebilirsiniz.

Kargo limiti tanımlı değilse bildirim çıkmaz. Uygulama, kargo ayarlarınızdaki limiti kullanarak çalışır. Limit tanımlamadan uygulamayı kurarsanız beklediğiniz bildirim oluşmaz. Kargo ayarlarınızda değişiklik yaptıktan sonra uygulamadaki Güncelle butonuna tıklamayı unutmayın.

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. 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ı (Flex Pro temalar)

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

Master ve üzeri paketlerde sunulan Flex Pro temalarda ürün detay sayfasını da özelleştirebilirsiniz. Booster paketindeki Flex Lite 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 ve 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 ve kullanıcı butonları gibi bileşenleri sürükleyerek istediğiniz sıraya dizebilirsiniz.

Not: Ürün adı, fiyat, sepete ekle ve (varsa) varyant alanları 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 iki farklı yerleşim arasında seçim yapabilirsiniz. Seçtiğiniz stile 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 üzerine gelince değişen (hover) rengi 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. Stil 1 veya 2 seçtiyseniz ayarları yalnızca seçtiğiniz stilin alanından 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 Light 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 ve 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.

Flex temalarda tema düzenleme, tema indirme ve tema yükleme yapılamaz. Bu kısıt hem Lite hem Pro temalar için geçerlidir. Flex temalarda tasarım, temanın kendi dosyalarına müdahale edilerek değil, bu sayfada anlatılan tema ayarları üzerinden yönetilir. Pro temaların Lite temalara göre daha geniş bir ayar seti sunması da bu anlama gelir; ayrı bir kod düzenleme aracı değildir. Ayarlarla karşılanamayan özel bir tasarım ihtiyacınız varsa satış temsilcinizle görüşebilirsiniz.

Temanızda Olmayan Bir Özellik İçin Ne Yapmalısınız?

Bu rehberde birçok yerde "(bazı temalarda)" ifadesini göreceksiniz. Flex temaların özellik seti temadan temaya değişir; bir temada bulunan bir alan diğerinde bulunmayabilir. Aradığınız ayarı kendi tema ayarlarınızda göremiyorsanız yapmanız gerekenler şunlardır:

1. Doğru yerde aradığınızdan emin olun. Bazı ayarlar tema ayarlarında değil, ilgili modülün kendi bölümündedir. Örneğin üst bar temanızda yoksa Popup & Bar Yönetimi'nden, menü yapısı için Menü Yönetimi'nden yönetilir.
2. Başka bir flex temayı önizleyin. Temalar bölümünden farklı bir flex temayı önizleyerek aradığınız özelliğin o temada bulunup bulunmadığını sitenizi değiştirmeden görebilirsiniz.
3. Destek kaydı açın. Aradığınız özellik hiçbir temada yoksa Destek Sistemi üzerinden kayıt açarak talebinizi iletebilirsiniz.

Standart tema kullanıyorsanız: Bu sayfada anlatılan logo yüksekliği, font seçimi, header stili, banner genişliği, vitrin ayarları ve kayan yazı gibi alanlar flex temalara özeldir; standart temalarda panelden değiştirilemez. Bu ayarlara ihtiyacınız varsa flex bir temaya geçmeniz gerekir, satış temsilcinizle görüşebilirsiniz.

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ı ayarlar görebilirsiniz, ancak 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.