E-Ticaret sitenizde web ve mobil görünümünü birbirinden ayırmak istiyorsanız "Mobil Tema" modülümüzü kullanabilirsiniz.

Mobil temanız olduğunda, farklı tasarımlar, farklı blok görünümleri, panel yönetimini ayırma gibi bir çok işlemi mobil cihazlar özelinde yönetebilirsiniz.

Mobil temanızı isterseniz standart mobil tema üzerinden, isterseniz özel tema yaptırarak kullanabilirsiniz.

Mobil Tema modülü ek lisansa bağlı olarak çalışmaktadır.

Lisansınız var ise aktif ettirmek için destek ekibimize talep oluşturabilirsiniz. Lisansınız yok ise satış temsilciniz ile görüşerek detaylı bilgi alabilirsiniz.


Mobil tema kullanımı için lisansınızı aktif ettirdiğinizde artık web ve mobil sayfaları ayrılmış olacaktır.

Mobil için sayfa düzenlemeleri "Tasarım > Mobil Yönetimi" menüsü altından yapılabilecektir.

Mobil yönetimi menüsü altında yer alan sayfalardan tema, blok ve css kodları değişikliklerine müdahale edebilirsiniz.


Mobil temanız aktif edildiğinde öncelikle "Tasarım > Mobil Yönetimi > Mobil Blok Yönetimi" sayfasında bulunan tüm sayfalar için "Mobil Aktif" seçeneğini aktif hale getirerek kaydetmelisiniz.

Aksi durumda mobilden sitenize girildiğinde tüm sayfalar bozuk olarak görüntülenecektir.

mobiltema2.png (8 KB)


1. Mobil Blok Yönetimi

Mobil sayfalarda görünmesini istediğiniz blokları eklemek için kullanılmaktadır.

Mobil blok yönetiminde, blok konumları olarak sadece "Orta" ve "Üst/Alt" konumları mevcuttur.

Mobil blokları düzenlemek için "Tasarım > Mobil Yönetimi > Mobil Blok Yönetimi" sayfasına tıklayınız.

mobiltema.png (275 KB)


1.1. Bulunduğunuz Sayfa : Düzenleme yapmak istediğiniz sayfa seçimini yapabilirsiniz.

1.2. Kaydet : Seçili sayfada yapılan değişikliklerin siteye yansıması için kaydetmelisiniz.

1.3. Yeni Blok : Mobil tema da kullanabileceğiniz yeni bloklar oluşturabilirsiniz.

1.4. İşlemler : Seçili sayfanın seo bilgilerini düzenleyebilir ve hızlı işlemler sayfasına ulaşabilirsiniz.

1.5. Mobil Aktif : Mobil temanın sağlıklı çalışması için tüm sayfalarda bu alanı aktif ederek kaydetmelisiniz. Bu seçeneğin aktif olmadığı sayfalar bozuk görünecektir.

1.6. Görünüm : İlgili sayfanın site ön yüz linkine yönlendirir.

1.7. Kullanılan Bloklar : Seçili sayfada ekli olan bloklar listelenir. Kullanmak istemediğiniz blokları sağ alanda bulunan blok listesine sürükle bırak mantığı ile kaldırabilirsiniz. Düzenlemek istediğiniz bloklar için düzenleme kalemlerine tıklayarak blok detaylarına ulaşabilirsiniz.

1.8. Kullanılabilir Bloklar : Seçili sayfaya ekleyebileceğiniz bloklar listelenir. Kullanmak istediklerinizi sayfaya yerleştirmek için öncelikler blok konumu seçiniz ve ilgili konuma yerleştirmek istediğiniz bloğu sürükle bırak mantığı ile ekleyebilirsiniz. Düzenlemek istediğiniz bloklar için düzenleme kalemlerine tıklayarak blok detaylarına ulaşabilirsiniz.

mobiltema3.png (71 KB)


2. Mobil Tema Yönetimi 

E-Ticaret altyapımızda mobil için standart olarak sunulan tek tema bulunmaktadır.

Standart temamız ücretsizdir. İsterseniz mobil için özel temalar yaptırabilirsiniz.

Tema sayfasını görmek için "Tasarım > Mobil Yönetimi > Mobil Tema Yönetimi" sayfasına tıklayınız.

mobiltema4.png (277 KB)

mobiltema5.png (70 KB)

Mobil tema sayfasına sadece standart tema kullanıyorsanız ulaşabilirsiniz. Özel tasarım yaptıran sitelerde mobil tema yönetimi kapalı olarak gelmektedir. Sebebi ise, kullanıcıların yanlışlıkla veya içeriğini bilmeden temayı değiştirme ihtimalleridir. Tema değişimi yapıldığında özel tasarımda yapılan kullanıcı tanımlı tüm işlemler silineceğinden dolayı özel tasarım sitelerde mobil tema yönetimi kullanıcılara kapalıdır.

Özel mobil temalarda, mobil tema yönetimine girdiğinizde aşağıdaki ekran ile karşılaşabilirsiniz.

mobiltema6.png (32 KB)


3. Mobil Css Yönetimi 

Mobil tema sayfalarında kullanılan bloklar ve genel tüm alanların düzenlemeleri, tasarımları vb alanların tamamında css kodları kullanılmaktadır.

Bir bloğa veya alana ait mobil temaya özel kodsal müdahaleler yapabilirsiniz.

Yeni oluşturduğunuz veya sistem tanımlı verilen mobil bloklar ve alanlar için css şablonlarına kendi kodlarınızı ekleyerek, mobil blok yönetiminden tanımlama yapabilirsiniz.

Mobil sitenizde kullandığınız sayfaların stil içeriklerine ulaşmak için "Tasarım > Mobil Yönetimi > Mobil Css Yönetimi" sayfasına tıklayınız.

mobiltema7.png (277 KB)


Mobil sitenizde bulunan stil kodlarını bu sayfadan yönetebilir, düzenleyebilir, kendi eklediklerinizi silebilirsiniz.

1. Düzenlenen Dosya : İçeriği görüntülenen stil dosyasının yolunu gösterir.

2. Gözat : Stil düzenlemesi yapmak istediğiniz dosyaya gitmek için kullanılmaktadır. 

3. Kaydet : Stil dosyası içerisinde yapılan değişiklikleri kaydetmek için kullanılmaktadır.

4. Yayınla : Bir dosyaya ait, birden fazla stil şablonu oluşturabilirsiniz. Oluşturulan şablonlardan hangisini sitede kullanmak istiyorsanız yayınlamanız gerekmektedir.

mobiltema8.png (29 KB)

mobiltema10.png (68 KB),


mobiltema15.png (338 KB)         mobiltema13.png (411 KB)