E-ticaret sitenizde, T-Soft V5 Tailwind altyapısı ile güncel kodlama mimarisi ve ileri teknolojilere sahip modern temaları kullanabilirsiniz. Üstelik çeşitli demo seçenekleri sayesinde dakikalar içinde şık ve profesyonel bir web sitesi oluşturmak oldukça kolaydır.
Basic Teması, basit ve ürün odaklı tasarımıyla modern ve fonksiyonel bir web sitesi için gerekli tüm özellikleri sunar. Çok amaçlı yapısı sayesinde farklı kategorilerde kullanılabilir ve kullanıcıya göz yormayan, profesyonel bir deneyim sağlar.
SEO dostu yapısıyla dikkat çeken Basic teması, hızlı yüklenen ve estetik açıdan çekici siteler oluşturmanıza olanak tanır. Renklerden yazı tiplerine, kenar çubuğundan çeviri ve altbilgi bölümlerine kadar birçok ayarı özelleştirebilir, blog, portföy ve mağaza sayfalarınıza modern dokunuşlar ekleyebilirsiniz.
Basic, işlevsel ve çekici demolarının düzenini kolaylıkla değiştirebilmenizi sağlar; öğelerin yerleşimini yeniden düzenleyebilir ve yaptığınız her değişikliği gerçek zamanlı olarak görüntüleyebilirsiniz.
Ayrıca, responsive (duyarlı) tasarımı sayesinde Basic teması, masaüstü bilgisayarlardan tablet ve cep telefonlarına kadar tüm cihazlarda sorunsuz görüntülenir. Böylece mobil kullanıcı deneyimini en üst düzeye çıkarabilir ve mobil trafik kaybının önüne geçebilirsiniz.
Basic teması canlı önizleme demosunu incelemek için https://tsoftthemes.com/basic linkinden erişim sağlayabilirsiniz.
V5 altyapılı sitenizde Basic temasını kurmak için aşağıdaki adımları uygulabilirsiniz.
BASIC TEMA KURULUMU ve AKTİFLEŞTİRME
- "Online Mağaza > Tema Yönetimi" sayfasına tıklayın.
- Kullanmak istediğiniz temayı yüklemek için "Online Mağaza > Tema Yönetimi" menüsünde yer alan "Tema Marketine Git" butonuna tıklayın.
- Tema listesinden "Basic" temasına tıklayın.
- Basic tema detayında yer alan "Yükle" butonuna tıklayın.
- Tema başarıyla yüklendiğinde, "Tema Yönetimine Git" butonuna tıklayarak tema yönetimi sayfasına geçebilirsiniz. Tema kurulumu sırasında bir hata ile karşılaşırsanız, destek almak için T-Soft Apps ekibimize talep oluşturabilirsiniz.
- Yüklenen temalar "Tema Kütüphanesi" alanında listelenir. Tema yüklenme tarihi ve versiyon bilgilerini ilgili tema kartı üzerinde görüntüleyebilirsiniz.
- Yüklediğiniz temayı site ön yüzünde kullanabilmek için yayınlamanız gerekir. Temayı canlıya almak için "Yayınla" butonuna tıklayın.
- Tema değişimlerinde, önceki tema üzerinde yapılan düzenlemeler değişebileceği için bir uyarı gösterilir. İşlemi gerçekleştirmek istediğinizden eminseniz "Onayla" butonuna tıklayın.
- Tema yayına alınırken, sayfada işlem süreçlerini takip edebilirsiniz.
- Yayına alınan tema, sayfada "Aktif" tema olarak gösterilir. Tema güncelleme ve versiyon bilgilerini görüntüleyebilirsiniz.
- “Kodu Düzenle” butonunu kullanarak tema şablon kodlarına erişebilir ve gerekli düzenlemeleri yapabilirsiniz. Kod bilgisine gerek duymadan tema içeriğini düzenlemek için ise “Özelleştir” butonunu kullanabilirsiniz.
- Temanız yüklendiğinde, otomatik olarak en güncel tema versiyonu ile birlikte kurulacaktır. Bu durumda tema sayfasında “Güncelsiniz” bildirimi görüntülenir. Eğer temanız güncel değilse, aynı alanda “Güncelle” butonu yer alır. Bu butonu kullanarak temaya ait yayınlanan son güncellemeleri kolayca uygulayabilirsiniz.
- Önemli Not: Tema güncelleme işlemi, sistem güncelleme işlemi ile aynı değildir. Tema güncellemesi yalnızca ilgili tema dosyalarında yapılan iyileştirme ve düzenlemelerin yüklenmesini sağlar; sistem altyapısını etkilemez. Tema güncelleme adımları hakkında daha fazla bilgi için “Tema Güncelleme” makalemizi inceleyebilirsiniz.
DUYURU / KAMPANYA / ANNOUNCEMENT BLOĞU
- Tema düzenleme işlemi için "Online Mağaza > Tema Yönetimi" sayfasına veya "Online Mağaza > Blok Yönetimi" sayfasına tıklayın.
- "Tema Yönetimi" sayfasından işlem yapmak için “Özelleştir” butonuna tıklayın.
- “Tema Özelleştir” seçeneğini kullanılırsa açılan sayfada “Gelişmiş” butonuna tıklayın.
- "Duyuru / Kampanya / Announcement" bloğunun düzenleme kalemine tıklayın.
- Blok detayında, “Resimler” sekmesinde varsayılan olarak ekli içerikler listelenir. Ekli içerikler üzerinde işlem yapabilir ve “Ekle” butonunu kullanarak yeni içerikler tanımlayabilirsiniz.
- Mevcut içeriği pasife alabilir, kopyalayabilir, düzenleyebilir veya silebilirsiniz. Düzenleme yapmak için düzenleme kalemine tıklayın.
- “Başlık” alanı üzerinden, duyuru bloğunda gösterilecek içeriği tanımlayabilirsiniz. Bu alan HTML kodlarını destekler; metin üzerinde kalın, altı çizili gibi basit biçimlendirmeleri uygulayabilirsiniz. “URL” bölümünden, kullanıcı içeriğe tıkladığında yönlendirileceği bağlantı adresini tanımlayabilirsiniz.
- Duyuru bloğunda yapılan düzenlemeleri, önbelleği temizledikten sonra sitenin en üst kısmında görüntüleyebilirsiniz.
HERO SLİDER BLOĞU
- Tema düzenleme işlemi için "Online Mağaza > Tema Yönetimi" sayfasına veya "Online Mağaza > Blok Yönetimi" sayfasına tıklayın.
- "Tema Yönetimi" sayfasından işlem yapmak için “Özelleştir” butonuna tıklayın.
- “Tema Özelleştir” seçeneğini kullanılırsa açılan sayfada “Gelişmiş” butonuna tıklayın.
- "Hero Slider" bloğunun düzenleme kalemine tıklayın.
- Blok detayında, “Resimler” sekmesinde varsayılan olarak ekli içerikler listelenir. Ekli içerikler üzerinde işlem yapabilir ve “Ekle” butonunu kullanarak yeni içerikler tanımlayabilirsiniz.
- Mevcut içeriği pasife alabilir, kopyalayabilir, düzenleyebilir veya silebilirsiniz. Düzenleme yapmak için düzenleme kalemine tıklayın.
- “Başlık” ve “Alt Başlık” alanlarına girdiğiniz metinler, slider bloğunda görselin yanında görüntülenecektir. Metnin slider alanında görünmesi için ilgili blok şablonunun “hero-slider.twig” olarak seçilmiş olması gerekmektedir.
- “URL” bölümünden, kullanıcı slider görseline tıkladığında yönlendirileceği bağlantı adresini tanımlayabilirsiniz.
- Slider bloğunda kullanılacak görsel, “Büyük Ekran” alanından yüklenmelidir. Basic tema yapısında Hero Slider bloğu için standart görsel ölçüsü 620x620 piksel olarak belirlenmiştir.
- Mobil cihazlarda farklı bir görsel göstermek için “Mobil/Tablet” alanına görsel ekleyebilirsiniz. Bu durumda mobilde, masaüstü görseli yerine eklediğiniz mobil görsel görüntülenir. Görseli mobil boyutlara uygun şekilde hazırlayın.
- Slider görsellerinin altında küçük önizleme (thumbnail) görselleri göstermek için "Küçük Resim" alanını kullanabilirsiniz. Bu alana görsel ekledikten sonra özelliğin etkin olması için “Blok Ayarları > Küçük Resimleri Göster” seçeneğinin aktif edilmesi gerekmektedir.
- Görsel üzerinde kullanıcıları yönlendirmek için “Buton Metni” alanını kullanabilirsiniz. Bu alana metin eklendiğinde, görsel üzerinde bir buton otomatik olarak oluşturulur.
- Görsel üzerinde içerik metni göstermek için “Veri 1” alanını kullanabilirsiniz. Bu alan boş bırakıldığında görsel üzerinde herhangi bir metin görüntülenmez. Veri girildiğinde ise metin, görselde başlık bölümünün altında yer alır.
- "Blok Ayarları" sekmesinde slider alanına ait genel düzenlemeleri yönetebilirsiniz.
- Navigasyonu Göster : Slider üzerinde ileri–geri geçiş oklarının görünmesini sağlar.
- Küçük Resimleri Göster : Slider altına küçük önizleme (thumbnail) görsellerinin eklenmesini sağlar.
- Sayfalama Göster : Slider içinde kaçıncı görselde olunduğunu gösteren nokta veya numaralı göstergeleri aktif eder.
- Sayfalama Türü : Sayfalama göstergesinin biçimini (örneğin nokta, sayı, çubuk) seçmenizi sağlar.
- Döngü : Slider’ın son görsele geldiğinde yeniden başa dönerek sürekli oynatılmasını sağlar.
- Otomatik Oynatma (ms) : Slider’ın otomatik geçiş süresini milisaniye cinsinden belirler.
- Efekt : Görseller arası geçişte kullanılacak animasyon türünü (örneğin slide, fade vb.) seçmenizi sağlar.
ÖNE ÇIKAN ÜRÜNLER BLOĞU
- Tema düzenleme işlemi için "Online Mağaza > Tema Yönetimi" sayfasına veya "Online Mağaza > Blok Yönetimi" sayfasına tıklayın.
- "Tema Yönetimi" sayfasından işlem yapmak için “Özelleştir” butonuna tıklayın.
- “Tema Özelleştir” seçeneğini kullanılırsa açılan sayfada “Gelişmiş” butonuna tıklayın.
- "Vitrin Ürünleri" bloğunun düzenleme kalemine tıklayın.
- Blok detayında, “Vitrin Listesi” sekmesinde varsayılan olarak ekli koleksiyon listelenir. Ekli vitrin üzerinde işlem yapabilir ve “Ekle” butonunu kullanarak yeni vitrin tanımlayabilirsiniz.
- Mevcut vitrini pasife alabilir, kopyalayabilir, düzenleyebilir veya silebilirsiniz. Düzenleme yapmak için düzenleme kalemine tıklayın.
- "Başlık" alanına girdiğiniz bilgiler, blok detayında yer alan koleksiyonları ayırt etmenize yardımcı olur. Bu bilgi site ön yüzünde görüntülenmez.
- Vitrin bloğu içinde görüntülenecek ürün koleksiyonunu "Vitrin" bölümünden seçebilirsiniz. Bu alanda sistemde hazır bulunan koleksiyonları kullanabilir veya kendi koleksiyonlarınızı oluşturabilirsiniz. Yeni bir koleksiyon oluşturmak için Ürün Koleksiyonları makalemizi inceleyebilirsiniz.
- Vitrinde gösterilecek toplam ürün sayısını "Limit" alanı üzerinden belirleyebilirsiniz.
- "Parametre" alanından vitrinde koleksiyon yerine belirli özelliklere sahip ürünleri gösterebilirsiniz. Örneğin "category=12&brand=3" yazıldığında, 12 ID’li kategoriye ve 3 ID’li markaya ait ürünler vitrinde görüntülenir.
- Vitrin bloğunun sol kısmında bir görsel göstermek için "Vitrin Sekmesi Resmi" alanından görsel ekleyebilirsiniz.
- "Blok Ayarları" sekmesinde vitrin bloğuna ait genel düzenlemeleri yönetebilirsiniz.
- Başlık : Blokta görüntülenecek ana başlığı belirlemenizi sağlar.
- Alt Başlık : Başlığın altında yer alacak ek açıklama veya alt metni yazabileceğiniz alandır.
- Navigasyonu Göster : Slider içinde ileri–geri oklarının görüntülenip görüntülenmeyeceğini belirler.
- Sayfalama Göster : Slider altındaki nokta (pagination) göstergesinin görünürlüğünü kontrol eder.
- Döngü : Slider'ın son slayttan sonra otomatik olarak başa dönmesini sağlar.
- Otomatik Oynatma (ms) : Slaytların belirtilen süre aralığında otomatik olarak değişmesini ayarlarsınız.
- Slide Adedi : Bir ekranda aynı anda kaç ürün/slayt görüneceğini belirler.
- Kenar Boşluğu : Slaytlar arasındaki yatay boşluk miktarını ayarlamanızı sağlar.
- Vitrin ürün gösterimi : Blokta ürünlerin hangi Twig şablonu kullanılarak gösterileceğini seçer.
GRID BANNER / STATIK BLOĞU
- Tema düzenleme işlemi için "Online Mağaza > Tema Yönetimi" sayfasına veya "Online Mağaza > Blok Yönetimi" sayfasına tıklayın.
- "Tema Yönetimi" sayfasından işlem yapmak için “Özelleştir” butonuna tıklayın.
- “Tema Özelleştir” seçeneğini kullanılırsa açılan sayfada “Gelişmiş” butonuna tıklayın.
- "Grid Banner/Statik" bloğunun düzenleme kalemine tıklayın.
- Blok detayında, “Resim Listesi” sekmesinde varsayılan olarak ekli görseller listelenir. Ekli görseller üzerinde işlem yapabilir ve “Ekle” butonunu kullanarak yeni resimler tanımlayabilirsiniz.
- Mevcut görseli pasife alabilir, kopyalayabilir, düzenleyebilir veya silebilirsiniz. Düzenleme yapmak için düzenleme kalemine tıklayın.
- “Başlık” ve “Alt Başlık” alanlarına girdiğiniz metinler, banner bloğunda görselin üzerinde görüntülenecektir. Metnin görünmesi için ilgili blok şablonunun “grid-banner.twig” olarak seçilmiş olması gerekmektedir.
- “URL” bölümünden, kullanıcı banner görseline tıkladığında yönlendirileceği bağlantı adresini tanımlayabilirsiniz.
- Banner bloğunda kullanılacak görsel, “Büyük Ekran” alanından yüklenmelidir. Basic tema yapısında Grid Banner bloğu için standart büyük görsel ölçüsü 924x924, küçük resimlerin ölçüsü 545x258 piksel olarak belirlenmiştir.
- Görsel üzerinde kullanıcıları yönlendirmek için “Buton Metni” alanını kullanabilirsiniz. Bu alana metin eklendiğinde, görsel üzerinde bir buton otomatik olarak oluşturulur.
- Banner bloğunda grid-banner.twig şablonunu kullanarak görsel eklediğinizde sistemin varsayılan tema görünümü otomatik olarak uygulanır. Bu şablon aktifken sütun genişliği belirlemenize gerek yoktur; görseller varsayılan boyutlarda eklendiğinde sistem yerleşimi otomatik olarak optimize eder.
- “Blok Ayarları” sekmesinde tanımlanan "Başlık" ve "Alt Başlık" bilgileri, banner bloğunun üst kısmında genel başlık olarak görüntülenir. Bu alanlar boş bırakıldığında herhangi bir başlık gösterilmez.
FIRSAT ÜRÜNLERİ BLOĞU
- Tema düzenleme işlemi için "Online Mağaza > Tema Yönetimi" sayfasına veya "Online Mağaza > Blok Yönetimi" sayfasına tıklayın.
- "Tema Yönetimi" sayfasından işlem yapmak için “Özelleştir” butonuna tıklayın.
- “Tema Özelleştir” seçeneğini kullanılırsa açılan sayfada “Gelişmiş” butonuna tıklayın.
- "Vitrin Ürünleri" bloğunun düzenleme kalemine tıklayın.
- Blok detayında, “Vitrin Listesi” sekmesinde varsayılan olarak ekli koleksiyon listelenir. Ekli vitrin üzerinde işlem yapabilir ve “Ekle” butonunu kullanarak yeni vitrin tanımlayabilirsiniz.
- Mevcut vitrini pasife alabilir, kopyalayabilir, düzenleyebilir veya silebilirsiniz. Düzenleme yapmak için düzenleme kalemine tıklayın.
- "Başlık" alanına girdiğiniz bilgiler, blok detayında yer alan koleksiyonları ayırt etmenize yardımcı olur. Bu bilgi site ön yüzünde görüntülenmez.
- Vitrin bloğu içinde görüntülenecek ürün koleksiyonunu "Vitrin" bölümünden seçebilirsiniz. Bu alanda sistemde hazır bulunan koleksiyonları kullanabilir veya kendi koleksiyonlarınızı oluşturabilirsiniz. Yeni bir koleksiyon oluşturmak için Ürün Koleksiyonları makalemizi inceleyebilirsiniz.
- Vitrinde gösterilecek toplam ürün sayısını "Limit" alanı üzerinden belirleyebilirsiniz.
- "Parametre" alanından vitrinde koleksiyon yerine belirli özelliklere sahip ürünleri gösterebilirsiniz. Örneğin "category=12&brand=3" yazıldığında, 12 ID’li kategoriye ve 3 ID’li markaya ait ürünler vitrinde görüntülenir.
- Vitrin bloğunun sol kısmında bir görsel göstermek için "Vitrin Sekmesi Resmi" alanından görsel ekleyebilirsiniz.
- "Blok Ayarları" sekmesinde vitrin bloğuna ait genel düzenlemeleri yönetebilirsiniz.
- Başlık : Blokta görüntülenecek ana başlığı belirlemenizi sağlar.
- Alt Başlık : Başlığın altında yer alacak ek açıklama veya alt metni yazabileceğiniz alandır.
- Navigasyonu Göster : Slider içinde ileri–geri oklarının görüntülenip görüntülenmeyeceğini belirler.
- Sayfalama Göster : Slider altındaki nokta (pagination) göstergesinin görünürlüğünü kontrol eder.
- Döngü : Slider'ın son slayttan sonra otomatik olarak başa dönmesini sağlar.
- Otomatik Oynatma (ms) : Slaytların belirtilen süre aralığında otomatik olarak değişmesini ayarlarsınız.
- Slide Adedi : Bir ekranda aynı anda kaç ürün/slayt görüneceğini belirler.
- Kenar Boşluğu : Slaytlar arasındaki yatay boşluk miktarını ayarlamanızı sağlar.
- Vitrin ürün gösterimi : Blokta ürünlerin hangi Twig şablonu kullanılarak gösterileceğini seçer.
RESİM VE YAZI / IMAGE TEXT BLOĞU
- Tema düzenleme işlemi için "Online Mağaza > Tema Yönetimi" sayfasına veya "Online Mağaza > Blok Yönetimi" sayfasına tıklayın.
- "Tema Yönetimi" sayfasından işlem yapmak için “Özelleştir” butonuna tıklayın.
- “Tema Özelleştir” seçeneğini kullanılırsa açılan sayfada “Gelişmiş” butonuna tıklayın.
- "Resim ve Yazı / Image Text" bloğunun düzenleme kalemine tıklayın.
- Blok detayında, “Resim Listesi” sekmesinde varsayılan olarak ekli görseller listelenir. Ekli görseller üzerinde işlem yapabilir ve “Ekle” butonunu kullanarak yeni resimler tanımlayabilirsiniz.
- Mevcut görseli pasife alabilir, kopyalayabilir, düzenleyebilir veya silebilirsiniz. Düzenleme yapmak için düzenleme kalemine tıklayın.
- “Başlık” ve “Alt Başlık” alanlarına girdiğiniz metinler, banner bloğunun yanına eklenen metinde görüntülenecektir. Metnin görünmesi ve eklenen görselin örnek tasarımdaki gibi otomatik konumlandırılması için ilgili blok şablonunun “image-text.twig” olarak seçilmiş olması gerekmektedir.
- “URL” bölümünden, metin alanına eklenen butona tıkladığında yönlendirilecek olan bağlantı adresini tanımlayabilirsiniz.
- "Sütun Genişliği (COL-X)" ayarı, eklediğiniz görselin masaüstü ve mobil cihazlarda bir satırda kaç sütun kaplayacağını belirlemenizi sağlar. Ancak "image-text.twig" şablonu seçildiğinde, bu alan otomatik olarak yönetildiği için manuel bir ayara gerek yoktur.
- Blokta kullanılacak olan görsel, “Büyük Ekran” alanından yüklenmelidir. Basic tema yapısında Resim ve Yazı bloğu için standart büyük görsel ölçüsü 550x450 piksel olarak belirlenmiştir.
- Metin bölümünde kullanıcıları yönlendirmek için “Buton Metni” alanını kullanabilirsiniz. Bu alana metin eklendiğinde, içerik alanında bir buton otomatik olarak oluşturulur.
- "İçerik" bölümünden, blokta görselin yanında görüntülenecek metni ekleyebilirsiniz. Metnin, görsel yüksekliğiyle uyumlu olacak şekilde eklenmesi daha dengeli bir görünüm sağlar. Daha uzun bir metin kullanmak isterseniz, içeriği ayrı bir sayfa olarak oluşturabilir ve bu bloğa bir bağlantı (link) yönlendirmesi ekleyerek kullanabilirsiniz.
- “Blok Ayarları” sekmesinde tanımlanan "Başlık" ve "Alt Başlık" bilgileri, banner bloğunun üst kısmında genel başlık olarak görüntülenir. Bu alanlar boş bırakıldığında herhangi bir başlık gösterilmez.
BLOG SON EKLENENLER BLOĞU
- Tema düzenleme işlemi için "Online Mağaza > Tema Yönetimi" sayfasına veya "Online Mağaza > Blok Yönetimi" sayfasına tıklayın.
- "Tema Yönetimi" sayfasından işlem yapmak için “Özelleştir” butonuna tıklayın.
- “Tema Özelleştir” seçeneğini kullanılırsa açılan sayfada “Gelişmiş” butonuna tıklayın.
- "Blog Son Eklenenler" bloğunun düzenleme kalemine tıklayın.
- "Blog Son Eklenenler" alanı sabit bir bloktur. Bu blokta görüntülenen içerikler, Blog Yönetimi sayfası üzerinden eklenir. Tema Yönetimi sayfasından ise blog alanına ait genel ayarları görüntüleyebilir ve gerekli düzenlemeleri yapabilirsiniz.
- "Blok Ayarları" sekmesinde blog alanına ait genel düzenlemeleri yönetebilirsiniz.
- Başlık : Blokta görüntülenecek ana başlığı belirlemenizi sağlar.
- Alt Başlık : Başlığın altında yer alacak ek açıklama veya alt metni yazabileceğiniz alandır.
- Navigasyonu Göster : Blog slider alanı içinde ileri–geri oklarının görüntülenip görüntülenmeyeceğini belirler.
- Sayfalama Göster : blog yazılarının altındaki nokta (pagination) göstergesinin görünürlüğünü kontrol eder.
- Döngü : Son blog yazısından sonra otomatik olarak başa dönmesini sağlar.
- Otomatik Oynatma (ms) : Blog kartlarının belirtilen süre aralığında otomatik olarak değişmesini ayarlarsınız.
- Blog/Slide Adedi : Bir ekranda aynı anda kaç blog yazısı kartı görüneceğini belirler.
- Kenar Boşluğu : Blog metinleri arasındaki yatay boşluk miktarını ayarlamanızı sağlar.
- "Blog Son Eklenenler" özelliği panele eklenen son blog metinlerini otomatik gösterir. Blog yazılarını "Bölümler > İçerik Yönetimi > Blog Yönetimi" sayfasından ekleyebilirsiniz.
- Blog yazılarının içerik, görsel ve diğer tüm ayarlarını ilgili blog yazısının detay sayfası üzerinden düzenleyebilirsiniz.
BİLGİ İKON / INFO ICONS BLOĞU
- Tema düzenleme işlemi için "Online Mağaza > Tema Yönetimi" sayfasına veya "Online Mağaza > Blok Yönetimi" sayfasına tıklayın.
- "Tema Yönetimi" sayfasından işlem yapmak için “Özelleştir” butonuna tıklayın.
- “Tema Özelleştir” seçeneğini kullanılırsa açılan sayfada “Gelişmiş” butonuna tıklayın.
- "Bilgi İkon/Info Icons" bloğunun düzenleme kalemine tıklayın.
- Blok detayında, “Resim Listesi” sekmesinde varsayılan olarak ekli görseller listelenir. Ekli görseller üzerinde işlem yapabilir ve “Ekle” butonunu kullanarak yeni resimler tanımlayabilirsiniz.
- Mevcut görseli pasife alabilir, kopyalayabilir, düzenleyebilir veya silebilirsiniz. Düzenleme yapmak için düzenleme kalemine tıklayın.
- “Başlık” ve “Alt Başlık” alanlarına girdiğiniz metinler ikonların altında görüntülenecektir. Metnin görünmesi ve eklenen ikonun örnek tasarımdaki gibi otomatik konumlandırılması için ilgili blok şablonunun “info-icon.twig” olarak seçilmiş olması gerekmektedir.
- “URL” bölümünden, ikon alanına tıkladığında yönlendirilecek olan bağlantı adresini tanımlayabilirsiniz.
- "Sütun Genişliği (COL-X)" ayarı, eklediğiniz ikonların masaüstü ve mobil cihazlarda bir satırda kaç sütun kaplayacağını belirlemenizi sağlar. Ancak "info-icon.twig" şablonu seçildiğinde, bu alan otomatik olarak yönetildiği için manuel bir ayara gerek yoktur.
- İkon görselini “Büyük Ekran” alanından yükleyebilirsiniz. Basic tema yapısında Bilgi İkon bloğu için standart ikon ölçüsü 94x94 piksel olarak belirlenmiştir.
- “Blok Ayarları” sekmesinde tanımlanan "Başlık" ve "Alt Başlık" bilgileri, ikon bloğunun üst kısmında genel başlık olarak görüntülenir. Bu alanlar boş bırakıldığında herhangi bir başlık gösterilmez.
MENÜ YERLEŞİM DÜZENLEMELERİ
Temada kullanılan tüm menü gruplarını düzenlemek için "Online Mağaza > Menüler" sayfasına tıklayın.
Masaüstü Menü
Basic temasında, sitenizin üst bölümünde yer alan kategorilere, ürünlere ve diğer sayfalarınıza hızlı ve kolay erişim sağlamak için menü linklendirmeleri yapabilirsiniz.
- Menüler sayfasındaki "Masaüstü Menü" alanı, üst kısımda görüntülenen ana menüleri eklemek ve yönetmek için kullanılır. Masaüstü menüye ekleme veya düzenleme yapmak için menü ismine tıklayınız.
- Masaüstü Menü detay sayfasında mevcut linkleri görüntüleyebilir, düzenleyebilir veya yeni bir link oluşturabilirsiniz. Yeni bir menü linki tanımlamak için “Ekle” butonuna, mevcut bir seçeneği düzenlemek için ise ilgili satırdaki düzenleme ikonuna tıklamanız yeterlidir.
- Düzenleme penceresinde menü adı, bağlantı linki, sıralama numarası gibi bilgileri girerek işlemi tamamlayabilirsiniz.
Alt Kısım Menü
Basic temasında, sitenizin alt bölümünde yer alan sayfa ve içerik bağlantılarını düzenleyerek kullanıcıların alt menü alanından hızlı erişim sağlamasını sağlayabilirsiniz.
- Alt kısımda yer alan menü linklerini yönetmek için Menüler sayfasındaki "Alt Kısım Menü" alanını kullanabilirsiniz. Alt kısım menüye ekleme veya düzenleme yapmak için menü ismine tıklayınız.
- Alt kısım menü içerisine girildiğinde alt kısımda linklerin bağlı olacağı link grupları eklenmelidir. Ekli grupları kullanabilir, düzenleyebilir veya yenisini oluşturabilirsiniz. Grup içerisindeki linkleri görüntülemek için grup isminin üstüne tıklayınız.
- Alt Kısım Menü detay sayfasında mevcut linkleri görüntüleyebilir, düzenleyebilir veya yeni bir link ekleyebilirsiniz. Yeni bir menü linki tanımlamak için “Ekle” butonuna, mevcut bir seçeneği düzenlemek için ise ilgili satırdaki düzenleme ikonuna tıklamanız yeterlidir.
- Düzenleme penceresinde menü adı, bağlantı linki, sıralama numarası gibi bilgileri girerek işlemi tamamlayabilirsiniz.
Sosyal Medya İkonları
Basic temasında, sosyal medya hesaplarınıza ait ikonları alt kısımda göstererek kullanıcıların sosyal platformlarınıza kolayca ulaşmasını sağlayabilirsiniz.
- Menüler sayfasında yer alan “Sosyal Medya İkonları” alanı, sosyal medya hesaplarınızın linklerini eklemek ve düzenlemek için kullanılır. Ekleme veya düzenleme yapmak için ilgili menü ismine tıklamanız yeterlidir.
- Sosyal Medya İkonları detay sayfasında mevcut sosyal medya linklerini görüntüleyebilir, düzenleyebilir veya yeni bir link ekleyebilirsiniz. Yeni bir tanımlama yapmak için "Ekle" butonuna, mevcut bir seçeneği düzenlemek için ise ilgili link satırındaki düzenleme ikonuna tıklayabilirsiniz.
- Düzenleme penceresinde sosyal medya ismi, bağlantı linki, sıralama numarası ve ikon görseli gibi bilgileri tanımlayarak işlemi tamamlayabilirsiniz.
Ödeme Yöntemi İkonları
Basic temasında, desteklediğiniz ödeme yöntemlerine ait ikonları alt bölümde göstererek kullanıcıların ödeme seçenekleri hakkında hızlı bilgi edinmesini sağlayabilirsiniz.
- Menüler sayfasında yer alan “Ödeme Yöntemi İkonları” alanı, ödeme yöntemlerine ait ikon ve linkleri eklemek ve düzenlemek için kullanılır. Ekleme veya düzenleme yapmak için ilgili menü ismine tıklamanız yeterlidir.
- Ödeme Yöntemi İkonları detay sayfasında mevcut ödeme yöntemi linklerini görüntüleyebilir, düzenleyebilir veya yeni bir link ekleyebilirsiniz. Yeni bir tanımlama yapmak için "Ekle" butonuna, mevcut bir seçeneği düzenlemek için ise ilgili link satırındaki düzenleme ikonuna tıklayabilirsiniz.
- Düzenleme penceresinde ödeme yöntemi adı, bağlantı linki, sıralama numarası ve ikon görseli gibi bilgileri tanımlayarak işlemi tamamlayabilirsiniz.
TEMA ÖZELLEŞTİRME ÖZELLİKLERİ
- Tema düzenleme işlemi için "Online Mağaza > Tema Yönetimi" sayfasına veya "Online Mağaza > Blok Yönetimi" sayfasına tıklayın.
- "Tema Yönetimi" sayfasından işlem yapmak için “Özelleştir” butonuna tıklayın.
- "Yerleşim Düzeni" sekmesinde sitede kullanılan sayfalara ait blok düzenlemelerini ve temel işlemleri gerçekleştirebilirsiniz.
- Seçili sayfadaki blokları listeden görüntüleyebilir, hızlı düzenleme yapmak istediğiniz bloğa tıklayarak ilgili ayarlara ulaşabilirsiniz.
- İlgili blok içerisinde sunulan düzenlemeleri hızlı ve kolay bir şekilde gerçekleştirebilirsiniz. Bu sekmede yer alan işlemler, kod gerektirmeyen temel blok düzenlemeleridir.
- Store Front sayfasındaki bloklarla ilgili daha kapsamlı düzenlemeler ve kod gerektiren işlemler için "Gelişmiş" butonuna tıklayarak "Gelişmiş Blok Yönetimi" sayfasına geçebilirsiniz.
- Bulunduğunuz sayfayı seçerek düzenleme kalemi ile meta bilgilerine erişebilir ve sayfanın önizlemesini link üzerinden görüntüleyebilirsiniz. Diğer sayfaları görmek için ise Store Front ekranından seçim yapabilirsiniz.
- Bulunduğunuz sayfanın mobil, tablet ve masaüstü cihazlardaki görünümünü, ilgili cihaz ikonlarına tıklayarak önizleyebilirsiniz.
- "Tema Ayarları" sekmesinden, sitenizde kullanılan genel yazı tipini ve renk düzenlemelerini kolayca yapabilirsiniz.
- "Tipografi Ayarları" bölümünde, sitede kullanılan yazı tiplerini seçebilir ve düzenleyebilirsiniz.
- Düzenlemek istediğiniz font alanına tıkladığınızda, kullanılabilir yazı tipleri listelenir. Listeden dilediğiniz fontu seçerek anında sitenize uygulayabilirsiniz.
- "Renk Ayarları" bölümünde, sitede kullanılan yazı renklerini seçebilir ve düzenleyebilirsiniz.
- Kullanmak istediğiniz rengi paletten seçebilir ya da renk kodunu yazarak kolayca tanımlayabilirsiniz.
- "Online Mağaza Ayarları" sekmesinden, site geneline ve sayfalara ait tüm genel ayarlara kolayca erişebilirsiniz.
- "Mağaza Kısıtlama" özelliği ile siteye erişimi parola kullanarak kısıtlayabilirsiniz. Siteye erişmek isteyen kullanıcıların belirlediğiniz parolayı girmesi gerekmektedir.
- Eğer siteye herhangi bir kısıtlama olmadan erişilmesini istiyorsanız özelliği pasif bırakmanız yeterlidir. Özelliği kullanmak için ise "Mağazaya Erişimi Kısıtla" seçeneğini aktif konuma getiriniz.
- Kısıtlama durumu aktif edildiğinde, erişim sırasında istenecek parolayı ve kullanıcılara gösterilecek açıklama metnini belirleyiniz.
- Kategori ve ürün sayfalarında tasarımı etkileyen ayarları, "Ürün Listeleme Ayarları" ve "Ürün Detay Ayarları" bölümlerinden inceleyebilirsiniz.
- Tema ayarlarında yapılan işlemlerin detaylarını; hangi kullanıcının, hangi tarihte, hangi değerlerle düzenleme yaptığını “Log” sekmesinden inceleyebilirsiniz.
- Tema özelleştirme ve düzenleme işlemlerinden sonra, değişikliklerin siteye düzgün bir şekilde yansıması için "Tailwind" ve "Ön Bellek Temizleme" işlemleri yapılmalıdır.
- Üst menüde bulunan "Ön Bellek Temizle" butonuna tıklayarak Css/Js Versiyon Ata, Tailwind ve Ön Bellek Boşalt seçeneklerini kullanabilir, yaptığınız değişiklikleri site üzerinde kontrol edebilirsiniz.
- Bazı işlemlerde, ek olarak site önyüzünde CTRL + F5 yaparak sayfayı yenilemeniz ve değişiklikleri kontrol etmeniz gerekebilir.