Dijipo x Madrid Tema Kullanım Kılavuzu

1. Hızlı kurulum

Temayı mağazanıza ekledikten sonra şu sırayla ilerlemeniz yeterli:

1. 1Tema stilini seçin. Global Ayarlar › Tema Ayarları › Tema Stili kutusuna 1 ile 4 arasında bir sayı yazın. Ayrıntı: Tema stilini seçme.
2. 2Logonuzu ve menünüzü girin. UstMenu › Logo ve UstMenu › Menü › Menü Bağlantıları.
3. 3Renkleri markanıza göre ayarlayın. Global Ayarlar › Renk içinde seçtiğiniz stilin renkleri, örneğin "Madrid Kicks/Vurgu".
4. 4Ana sayfayı düzenleyin. Ana sayfada kullandığınız stilin kapsayıcısını açıp bölümlerine kendi görsel ve ürünlerinizi girin, istemediğiniz bölümleri silin. Ayrıntı: Ana sayfa.
5. 5Demo ayarlarını kapatın. UstMenu › Demo Seçici › Demo seçiciyi göster kapalı olmalı. Duyuru çubuğundaki "demo mağaza" yazısını kendi duyurunuzla değiştirin.
6. 6Yasal metinleri kontrol edin. Mesafeli satış, KVKK, çerez ve iade sayfalarındaki şirket bilgilerini güncelleyin. Ayrıntı: Hazır sayfalar.
7. 7Arama motoru ve paylaşım ayarlarını tamamlayın. Sayfa başlıklarını ve açıklamalarını, favicon ve paylaşım görselini girin. Ayrıntı: SEO ve paylaşım.
8. 8Yayınlayın. Sağ üstteki Yayınla butonuna basın.

2. Editörü tanıyın

ikas editöründe üç ana alan vardır:

• Sol panel – Bölümler: Açık sayfadaki bölümlerin listesi. Bir bölüme tıklayınca ayarları sağ panelde açılır. Bölüm ekleme, silme ve sıralama buradan yapılır.
• Sol menü – Global Ayarlar: Bütün siteyi etkileyen ayarlar: Yazı Stilleri, Renk, Animasyon ve Tema Ayarları.
• Sağ panel – Ayarlar: Seçili bölümün ayarları gruplar halinde. Grup adına tıklayınca içi açılır.

3. Dört tema stili

Tema stili; renkleri, yazı tiplerini, köşe biçimlerini, header düzenini, ürün kartlarını, kategori ve ürün sayfalarını birlikte değiştirir. Numara, Tema Stili ayarına yazacağınız değerdir.

1 · Madrid StudioModa ve giyim. Keskin köşeler, siyah-beyaz, büyük görseller, kombin vitrini.

2 · Madrid StepsAyakkabı ve çanta. Editoryal tipografi, numara seçimi, lookbook.

3 · Madrid KicksSneakers ve streetwear. Siyah-beyaz galeri, kare ürün görselleri.

4 · Madrid NovaGenç kadın moda. Tam ekran görseller, siyah büyük harf başlıklar, açık mavi sepet düğmesi, ürün sayfasında kaydıkça kayan yatay galeri, altta sabit kayan yazı.

Canlı demolar

Temayı ve stilleri yayındaki mağazada şu adreslerden inceleyebilirsiniz:

Eski demo sayfaları (kozmetik, sporcu gıdası, kuruyemiş, şarküteri, petshop, market) artık Madrid demosunda açılmaz. Kozmetik, sporcu gıdası, şarküteri ve market stilleri Aurora demosundadır.

4. Tema stilini seçme

Tema stili tek bir yerden seçilir:

Global Ayarlar › Tema Ayarları › Tema Stili (1 Studio · 2 Steps · 3 Kicks · 4 Nova)

1. Sol menüden Global Ayarlar'ı, ardından Tema Ayarları'nı açın.
2. Tema Stili kutusuna istediğiniz stilin numarasını yazın. Örneğin Madrid Kicks için 3, Madrid Nova için 4.
3. Kutunun dışına tıklayın ya da Enter'a basın, böylece değer kaydedilir. Önizleme birkaç saniye içinde yeni stile geçer.
4. Sağ üstten Yayınla'ya basın.

Tema stili değişince değişenler:

• Renkler, yazı tipleri, köşe biçimleri ve butonlar
• UstMenu düzeni, logo ve footer
• Ürün kartları, kategori sayfası ve ürün sayfası düzeni
• Sepet çekmecesi, hızlı ekle penceresi ve çerez bildirimi
• Ana sayfanın içeriği: her stilin kendi hazır bölümleri vardır, seçili stilinkiler görünür. Ayrıntı: Ana sayfa.

5. Ana sayfa ve stil sayfaları

Ana sayfada her stil için bir kapsayıcı bölüm vardır: StudioTemaStili · StepsTemaStili · KicksTemaStili · NovaTemaStili. Her kapsayıcının içinde o stilin hazır bölümleri bulunur. Sol paneldeki listede kapsayıcıya tıklayıp içindeki bölümlerin görselini, yazısını ve ürünlerini değiştirebilir, sırasını değiştirebilir ya da silebilirsiniz.

Tema Stili ana sayfayı da değiştirir

Tema Stili'ni değiştirdiğinizde bütün sitede renkler, yazı tipleri, köşeler, UstMenu ve AltBilgi görünümü, ürün kartları, kategori ve ürün sayfası düzeni yeni stile geçer. Ana sayfada da yalnızca seçili stilin kapsayıcısı görünür, diğerleri gizlenir. Her kapsayıcının Hangi tema stilinde görünsün ayarı kendi stiline bağlıdır. Her stilin düzeni ayrıca kendi sayfasında da durur:

Bu sayfaları editörün üst kısmındaki sayfa seçiciden açıp düzenleyebilirsiniz. Nasıl göründüklerine canlı demolarda bakabilirsiniz. Yalnızca tek bir stil kullanacaksanız ana sayfadaki diğer stillerin kapsayıcılarını silebilirsiniz. Gizli kapsayıcılar da sayfa açılırken yüklendiği için bu, ana sayfayı hızlandırır.

Bir bölümü yalnızca bir stilde gösterme

Çoğu bölümün ayarlarının altında Hangi tema stilinde görünsün seçeneği vardır:

• Tüm tema stillerinde: Bölüm her zaman görünür. Yeni eklediğiniz bölümler bu değerle gelir.
• Belirli bir stil (ör. Madrid Kicks): Bölüm yalnızca o stil seçiliyken görünür. Diğer stillerde mağazada görünmez. Sayfa hızına etkisi için: Ertelenmiş ürün listeleri.

Tek stil kullanıyorsanız bu ayarı "Tüm tema stillerinde" olarak bırakmanız yeterlidir.

Banner, UrunVitrini, GorselIzgara, Yorumlar ve BilgiSeridi bölümlerinde bu seçenek yoktur. Bu bölümlerin görünümünü Tasarım (tema stili), görünürlüğünü Bölümü göster belirler. AcilirPencere'de aynı işi Pop-up tasarımı (tema stili) ve Pop-up aktif yapar. Bu bölümleri yalnızca bir stilde göstermek için o stilin kapsayıcısının içine koyun.

Stil listelerindeki adlar

Madrid Nova listede yoksa: NovaTemaStili kapsayıcısı ve Nova sayfasındaki hazır bölümler Nova'ya bağlı gelir, bu ayarlara dokunmayın. Nova'ya yeni bir bölüm eklemek için bölümü NovaTemaStili kapsayıcısının içine koyun, görünürlüğünü "Tüm tema stillerinde", tasarımını "Sayfanın tema stili (otomatik)" bırakın.

Kendi içeriğinizi girme

Bölümlerdeki görselleri, başlıkları, butonları ve ürün listelerini kendi içeriğinizle değiştirin. Ürün listeleri için ilgili bölümde kategori ya da ürün seçmeniz yeterlidir; ürünler mağazanızdan otomatik gelir.

6. Renkler ve yazı tipleri

Her stilin kendi renk ve yazı tipi seti vardır. Değiştirmek için:

• Global Ayarlar › Renk: "Madrid Kicks/Vurgu", "Madrid Nova/Zemin" gibi adlarla. Her stilin renkleri kendi adıyla başlar: "Madrid Studio/…", "Madrid Steps/…", "Madrid Kicks/…", "Madrid Nova/…". Yalnızca kullandığınız stilin renklerini değiştirmeniz yeterlidir.
• Global Ayarlar › Yazı Stilleri: "Madrid Kicks/Başlık" ve "Madrid Kicks/Metin" gibi. Başlıklar ve metinler için ayrı yazı tipi seçebilirsiniz.

Tek bir sayfaya özel farklı zemin ya da vurgu rengi istiyorsanız o sayfadaki SayfaStili bölümünü kullanın. Ayrıntı: Sektör sayfaları.

7. Genel ayarlar (Tema Ayarları)

Global Ayarlar › Tema Ayarları içinde bütün siteyi etkileyen ince ayarlar bulunur:

8. UstMenu ayarları

UstMenu bütün sayfalarda ortaktır. Bir sayfada değiştirdiğiniz UstMenu ayarı her sayfada geçerli olur. Sol panelde UstMenu'a tıklayınca şu gruplar açılır:

Hesap paneli (profil ikonu)

Profil ikonuna basıldığında başka sayfaya gitmek yerine giriş ve hesap paneli açılır. Telefonda alttan, masaüstünde ikonun altında görünür; görünümü seçili tema stilinden gelir.

Açmak için UstMenu › Hesap Paneli (Profil İkonu) › Profil ikonuna basınca hesap panelini aç ayarını işaretleyin. Kapalıyken ikon giriş ya da hesabım sayfasına gider. Açıkken profil ikonu telefonda da üst menüde görünür.

Google ve Facebook butonlarının çalışması için giriş yönteminin ikas panelinde bağlı olması gerekir. Ayrıntı: Google ile giriş.

Mobil header düzeni

UstMenu › Logo › Mobil Header Düzeni telefon ve tablette (1023 piksel ve altı) üst menünün yerleşimini seçer. Masaüstü değişmez; masaüstünde logonun yeri Logo Konumu ayarından gelir.

Logo ikonlara değmeyecek kadar küçültülür, uzun yazı logolarının sonu kısaltılır. Logonuz telefonda küçük kalıyorsa "Logo solda, ikonlar sağda" düzenini deneyin.

İkon seti

UstMenu › İkonlar › İkon Seti arama, hesap, favoriler, sepet ve menü ikonlarını tek seçimle uyumlu bir setle değiştirir:

İkon çizgi kalınlığı (İnce, Normal, Kalın) Dolgulu ve Minimal setlerinde kullanılmaz. İkonları tamamen gizlemek için aynı gruptaki Aramayı Göster, Hesabı Göster, Sepeti Göster ve Favoriler İkonunu Göster ayarlarını kapatın.

Google ile giriş ve Google One Tap

Google ile giriş butonu Giriş, Üye Ol sayfalarında ve hesap panelinde görünür. Önce ikas panelinde Online Mağaza › Eklentiler › Google ile Giriş kartını bağlayın. Sonra şu ayarları kontrol edin:

• GirisYap ve KayitOl bölümlerinde: Google ile Giriş Butonu, Google Buton Metni.
• UstMenu › Hesap Paneli (Profil İkonu) içinde: Google ile giriş butonu, Google butonu metni.

Google One Tap, Google hesabı açık ziyaretçiye profil ikonunun altında, hesap paneliyle aynı noktada "… olarak devam et" kartı gösterir. Giriş yapmış müşteriye gösterilmez. Kuruluma Google girişi çalışır durumdayken başlayın:

1. Online Mağaza › Eklentiler › Google ile Giriş kartındaki Client ID değerini kopyalayın. Gizli anahtar gerekmez.
2. Aynı Client ID'nin Google Cloud'daki ayarlarında mağaza alan adınızı Yetkilendirilmiş JavaScript kaynakları listesine ekleyin. Alan adınızı www'lu ve www'suz iki satır olarak yazın. Alan adı ekli değilse kart çıkmaz.
3. UstMenu › Google One Tap (Hesabınla Devam Et) grubunu açın, Google Client ID alanına kimliği yapıştırın ve Google One Tap'i aç ayarını işaretleyin.
4. Yayınlayın ve yayındaki mağazayı Google hesabınız açıkken gizli olmayan bir pencerede kontrol edin. Editör önizlemesinde gerçek kart görünmez.

Kenar promosyonu

UstMenu › Kenar Promosyonu (Üye Ol) ekranın kenarındaki üyelik sekmesini yönetir.

Paneli sekmeye tıklayarak daraltan ziyaretçide sekme görünür kalır, panel sonraki sayfalarda kendiliğinden açılmaz. Sekme sepet sayfasında ve menü, sepet ya da arama açıkken gizlenir.

Geri sayımlı duyuru

UstMenu › Duyuru Çubuğu › Geri Sayım kampanya bitişine kalan süreyi duyuru çubuğunda gösterir. Sayaç, duyurular arasında ayrı bir duyuru olarak döner; başka duyuru yoksa tek başına görünür.

• Geri sayımı göster: Sayacı açar.
• Bitiş tarihi ve saati: Yıl-Ay-Gün Saat:Dakika biçiminde, Türkiye saatiyle. Örnek: 2026-11-29 23:59.
• Sayaç duyurusu metni: Sayacın yanındaki kısa yazı, örneğin "Kasım indirimi". Boşsa yalnızca sayaç görünür.
• Sayaç etiketi, Gün sayısını göster, Gün yazısı: "Bitimine 2 gün 01:09:47" gibi görünümü belirler. Gün sayısı kapalıysa toplam saat yazılır.
• Süre dolunca: Sadece sayacı gizle ya da Duyuru çubuğunu gizle.
• Sayaç duyurusu bağlantısı, Arka plan rengi, Yazı rengi: Sayaç duyurusunun bağlantısı ve renkleri.

Sayaç yalnızca süreyi gösterir. Kampanyanın kendisini ikas panelinde başlatıp bitirin.

Çerez bandı

UstMenu › Çerez Bildirimi sitenin altında ince bir şerit olarak görünür; renkleri seçili tema stilinden gelir.

• Çerez Bildirimini Göster: Bandı açar ya da kapatır.
• Çerez Metni, Kabul Butonu, Reddet Butonu: Bant yazıları. Reddet butonu varsayılan olarak "Yalnızca Zorunlu" yazar.
• Çerez Politikası Bağlantısı, Politika Bağlantı Metni: Bağlantıyı kendi çerez politikası sayfanıza yönlendirin.
• Tercihler Linki Metni, Tercihleri Kaydet Butonu: Tercih penceresinin bağlantısı ve kaydet butonu.
• Zorunlu Çerezler Etiketi, Analitik Çerezler Etiketi, Pazarlama Çerezleri Etiketi: Tercih penceresindeki satırlar.

Yasal metni kendi hukuk danışmanınızla kontrol edin. Google One Tap'in Çerez onayını bekle ayarı bu bandın seçimine göre çalışır.

9. Stile özel ayarlar

UstMenu › Görünüm ve Stil Ayarları içinde her stilin kendi alt grubu vardır: "Madrid Studio (Moda & Giyim) Ayarları", "Madrid Steps (Ayakkabı & Çanta) Ayarları", "Madrid Kicks (Sneakers) Ayarları", "Madrid Nova (Genç Moda) Ayarları". Yalnızca seçili stilin grubundaki ayarlar sitede etkilidir. Madrid Studio grubunda yalnızca şeffaf header ayarı vardır; logosu Logo grubundan gelir.

10. AltBilgi ayarları

AltBilgi da bütün sayfalarda ortaktır. Önemli gruplar:

• Marka: Logo, slogan ve sosyal medya bağlantıları (Instagram, TikTok, YouTube, Facebook, X, Pinterest). Boş bıraktığınız sosyal ağ gösterilmez.
• Site Haritası Sütunları: 4 sütun başlığı ve bağlantıları (Kurumsal, Yardım gibi).
• İletişim: Adres, telefon, e-posta ve çalışma saatleri.
• Bülten: E-posta aboneliği kutusu ve mesajları.
• Popüler Kategoriler (SEO): Arama motorları için kategori bağlantıları. Boş bırakılırsa menüden otomatik oluşturulur.
• Tema Stiline Göre İçerik: Steps, Kicks ve Nova için ayrı logo yazısı, popüler kategoriler ve marka metni. Listede "Editoryal" adıyla geçen satırlar Madrid Steps içindir. Madrid Studio ana alanları kullanır.
• Alt Satır: Sağ alttaki yazı ve bağlantı. Demo yazısını kendi şirket adınızla değiştirin.

Diğer footer grupları

11. Bölümler (section) rehberi

Editörde Bölüm ekle ile sayfaya bölüm ekleyebilirsiniz. Bölümler editörde kod adlarıyla görünür. Karşılıkları:

Slaytlar ve kutular (bileşenler)

• BannerSlayti: BannerKaydirici'a eklenen yazılı slayt. Görsel ya da video, karartma, yazı hizası ve konumu, üst etiket, başlık, alt metin ve iki buton.
• GorselSlayti: BannerKaydirici'a eklenen yalnız görsel slayt. Tıklanınca gidilecek sayfa, görsel açıklaması (SEO) ve kırp/sığdır ayarı.
• MarketKutusu: MarketKategoriIzgarasi içindeki kategori kutusu: görsel, ad ve bağlantı.
• TemaStilKarti: TemaStilVitrini içindeki tema stili kartı (demo içindir).

Kart, kare ya da yorum gibi numaralı gruplarda (1. Kart, 2. Kart…) içeriği boş bıraktığınız öğe gösterilmez.

Market kategori ızgarası

Küçük görselli kategori kısayolları için MarketKategoriIzgarasi bölümünü ya da GorselIzgara bölümünün "Market kategori ızgarası" türünü kullanabilirsiniz. Bölüme MarketKutusu ekleyip her kutuya görsel, ad ve bağlantı girin. Düzen ayarı ızgara ya da yatay kaydırılan tek satır seçer; Masaüstü sütun sayısı kutu sayısını belirler. Bu temada market tema stili ve depo seçimi yoktur, bunlar Dijipo x Aurora temasındadır.

Pop-up zamanlama

AcilirPencere › Zamanlama pencerenin ne zaman ve hangi sıklıkla açılacağını belirler.

Hediye çarkı (AcilirPencere)

Açılır pencereyi e-posta karşılığı çevrilen bir çarka dönüştürür. Sol panelde AcilirPencere › Çark grubundan Çarkı aç ile açın. Varsayılan olarak kapalıdır. Çark açıkken pencerenin türü yerine çark gösterilir; ne zaman açılacağı yine Zamanlama grubundan gelir.

1. Önce ikas panelinde Pazarlama › İndirimler bölümünden her ödül için bir kupon oluşturun. Müşteri başına kullanım limitine 1 yazın; alanda görünen 1 yalnızca örnektir, yazılmazsa limit oluşmaz.
2. En fazla 8 dilim vardır. Her dilim için Etiket, Kupon kodu ve Kazanma ağırlığı girin. Etiketi boş dilim çarkta görünmez. Kupon kodu boş bırakılan dilim "kazanamadı" sayılır. Ağırlıklar oran gibi çalışır; toplamın 100 olması şart değildir, 0 yazılan dilim hiç çıkmaz.
3. KVKK / izin metni alanını kendi metninizle güncelleyin. Bu alan yazı olarak görünür, işaret kutusu değildir.
4. Sonuç kaç gün saklansın, ziyaretçinin sonucunu tarayıcıda kaç gün göreceğini belirler. Kuponun bitiş tarihi değildir; bitiş tarihini kuponun kendisinde ayarlayın.

Çark, en az 4 dolu dilim, ağırlığı 0'dan büyük en az 1 dilim ve Çevir butonu yazısı olmadan görünmez; bu durumda pencere seçili türüyle açılır. Ziyaretçinin e-posta yazması zorunludur, e-posta kaydedilemezse çark dönmez. Başlık, açıklama, kazandı ve kazanamadı yazıları ile dilim renkleri aynı gruptadır.

Önemli: Çevirme hakkı tarayıcıda tutulur ve kupon kodları sayfa verisinde okunabilir. Bu yüzden her kuponda kullanım limiti kullanın.

Madrid Nova düzeni

• Açılış: KampanyaBandi'nda Yükseklik "Tam ekran" seçilince görsel kenar boşluksuz açılır. 3 sütunlu KategoriKutulari, etiket görsel üstündeyken ekran yüksekliğinde üçlü banner olur.
• Ürün kartı: Kartın üzerine gelince beden kutusu açılır, beden seçilince ürün sepete eklenir. Ad yanında renk sayısı (+N) görünür; indirimli fiyat kırmızı, eski fiyat üstü çizilidir.
• Kart yazıları: Kart beden kutusu başlığı (Madrid Nova) ve Sınırlı stok notu (Madrid Nova) ayarları UrunListesi › Metinler, SekmeliUrunKaydirici › Ürün Kartı ve UrunVitrini › Sekmeli kategoriler ayarları › Ürün Kartı içindedir.
• Çekmece menü ve filtre: Masaüstünde çekmece menü geniş açılır, kapat düğmesi sağdadır. Kategori sayfasında Filtrele paneli sağdan açılır.

12. Kategori sayfası

Kategori, marka ve arama sonuç sayfaları UrunListesi (Ürün Listesi) bölümüyle çalışır. Sayfanın üst kısmındaki sayfa seçiciden "Kategori Sayfası"nı seçip bölüme tıklayın.

• Düzen: Sayfa Düzeni (Araç çubuğu + boşluksuz ızgara ya da Klasik), masaüstü ve tablet sütun sayısı, filtre çubuğu, filtre düzeni ve konumu, sayfalama tipi, sonsuz kaydırma ve tükenen ürünler. Ayrıntı
• Kart Görünümü: Kart görsel oranı (dikey 3:4 ya da kare 1:1), ürün adı, fiyat, varyant sayısı, indirim rozeti gösterimi (tutar ya da yüzde), sepete ekle butonu, yıldızlar.
• Tema Stiline Göre Kart Görsel Oranı: Her stil için ayrı oran. Örneğin Madrid Kicks kare, diğerleri genel ayara göre.
• Görünüm Seçici: Ziyaretçinin "Görünüm − / +" ile sütun sayısını değiştirmesi.
• Kategori Navigasyonu: Sayfa yolu (breadcrumb) ve alt kategori çipleri.
• Kategori Açıklaması (SEO): Başlık altındaki kısa özet ve sayfa altındaki açıklama metni. Ayrıntı
• Tema Stili (kurallar): Belirli kategorileri farklı stilde göstermek için. Ayrıntı

Diğer kategori ayarları

• Veri: Bölümün gösterdiği ürün listesi. Kategori, marka ve arama sayfalarında ikas bunu otomatik doldurur; değiştirmenize gerek yoktur.
• Kart Görünümü (ek): Vurgu rengi, üzerine gelince ikinci görsele geçiş ve "YENİ" rozetinin kaç gün gösterileceği.
• Metinler: Filtre paneli, sıralama, sonuç sayısı, boş sonuç ve mobil filtre/sıralama butonlarının yazıları; rozet ve sepete ekle yazıları.
• Kategori ağacı ve sayfa başlığı: Ayarların altındaki "Kategori Ağacı" bağlantıları alt kategori çiplerini besler; boşsa menüden alınır. "Sayfa Başlığını Büyük Göster" kategori adını büyük başlık olarak gösterir; Sayfa Başlığı Rengi rengini belirler. Bu başlık sayfanın ana başlığıdır, arama motorları için açık tutun.

Sonsuz kaydırma ve tükenen ürünler

Kategori açıklaması (SEO) ve sayfa altı metin

Metin bu bölümde yazılmaz. ikas panelinde Ürünler › Kategoriler altında kategoriyi açıp Açıklama alanına yazın; arama motoru başlığı ve açıklaması da aynı ekrandadır. Tema bu metni kategori sayfasında iki yerde gösterebilir:

• Metniniz kendi başlığıyla başlıyorsa tema ayrıca başlık eklemez.
• Metinde büyük ana başlık kullansanız da alt başlığa çevrilir; sayfada tek ana başlık kalır.
• Sayfa altı metin yalnızca Sayfa Düzeni "Araç çubuğu + boşluksuz ızgara" iken görünür. Açıklaması boş kategoride bu alan hiç çıkmaz.

Arama sayfası başlığı

UrunListesi › Metinler › Arama Sayfası Başlığı, arama sayfasında kelime yokken gösterilen başlıktır. Varsayılanı "Arama sonuçları". Ziyaretçi bir kelime aradığında başlık aranan kelime olur.

13. Ürün sayfası

Ürün sayfası UrunDetayi bölümüyle çalışır. Sayfa seçiciden "Ürün Sayfası"nı açın.

• Galeri: Galeri Görünümü (Küçük görseller ya da Izgara), Küçük Görsel Konumu, Görsel En-Boy Oranı. Madrid Steps ve Kicks ızgara, Madrid Nova yatay şerit galeriyi kendiliğinden kullanır. Madrid Studio'da bu ayarlar Sayfa Düzeni "Klasik" iken geçerlidir.
• Ürün Bilgisi: Marka, rozetler, kısa açıklama, SKU, barkod, etiketler, favori butonu, yıldızlar.
• Açıklama Bölümleri: Açılır kapanır iki ek bölüm (ör. Kargo ve Teslimat, İade ve Değişim).
• Ek Özellikler: Beden rehberi (panelde açılır), mobilde sabit sepete ekle çubuğu, teslimat notu, tahmini teslimat tarihi (sipariş saatine göre hesaplanır).
• Benzer ürünler: Sayfadaki SekmeliUrunKaydirici bölümünde "Ürün sayfasında aynı kategoriden otomatik doldur" açıksa ürünle aynı kategoriden öneriler gösterilir.

Madrid Nova: galeri yatay şerit olarak açılır; görseller başlığın altına yapışır ve sayfa aşağı kaydıkça sağdan sola kayar (telefonda normal yatay kaydırma). Bu görünüm Nova'ya özeldir ve kendiliğinden gelir. Ürün adı, fiyat, renk, beden ve açık mavi "Sepete Ekle" altta sabit çubuktadır; Daha fazla bilgi yazısı açıklamalara kaydırır. Yazıyı UrunDetayi › Metinler › Alt çubukta 'Daha fazla bilgi' yazısı (Madrid Nova) ayarından değiştirebilirsiniz.

Diğer ürün sayfası ayarları

Beden rehberi ve beden asistanı

UrunDetayi › Ek Özellikler beden rehberini, UrunDetayi › Metinler beden asistanını yönetir.

Öneri tahminidir; ürün kalıbınız farklıysa asistanın notunu buna göre güncelleyin.

Ürün yorumları (UrunYorumlari)

Ürün sayfasındaki yorum bölümü. İlk gösterilecek yorum sayısı, puan dağılımı çubukları, "Görselli" filtresi, sıralama (en yeni, en yüksek, en düşük), doğrulanmış alıcı rozeti ve "Yorum yap" butonu buradan ayarlanır. Yorum formunun bütün yazıları da bu bölümdedir. Yorum yazmak için giriş ya da satın alma şartı ikas panelindeki yorum ayarlarına göre çalışır.

14. Sepet ve hızlı ekle

• Açılır sepet: UstMenu › Sepet Çekmecesi. Ücretsiz kargo eşiği (TL), önerilen ürünler, favoriler sekmesi, kampanya kodu ve tüm yazılar buradadır.
• Sepet sayfası: Sayfa seçiciden "Sepet" sayfasındaki Sepet bölümü.
• Hızlı ekle: Ürün kartındaki "+" ya da sepete ekle butonu. Ürünün tek seçeneği varsa doğrudan sepete ekler. Renk ya da beden gibi seçenekleri varsa önce seçim penceresi açılır. Yazıları UstMenu › Sepet Çekmecesi içindeki "Hızlı ekle" ayarlarıdır.

Sepet sayfası (Sepet) ayarları

• Görünüm: Zemin rengi ve sipariş özetindeki kargo satırı.
• Metinler: Sayfa başlığı, boş sepet yazıları ve butonu, sipariş özeti etiketleri, ödeme butonu.
• Grupsuz ayarlar (panelin altında): Favoriler sekmesi, kampanya kodu paneli yazıları, ücretsiz kargo bandı ve Ücretsiz Kargo Eşiği (TL), sepet doluyken ve boşken gösterilen önerilen ürünler.

Açılır sepet ayarları

15. Kategori stil kuralları ve sektör sayfaları

Birden fazla sektörde satış yapıyorsanız bazı kategorileri farklı stilde gösterebilirsiniz. Örneğin giyim mağazanızda ayakkabı kategorisi Madrid Steps, sneaker kategorisi Madrid Kicks stilinde açılabilir.

• Kategori kuralları: UrunListesi › Tema Stili › Kural 1–7 ve UrunDetayi › Tema Stili › Kural 1–7. Kategori ve stil seçin; o kategori ve ürünleri seçilen stilde açılır. Kategori ve ürün sayfasında aynı kuralları girin. Yalnızca bu temanın stillerini seçin: Stil listelerindeki adlar.
• Sektör sayfası (SayfaStili): Bir sayfaya SayfaStili bölümü ekleyip "Bu sayfanın tema stili" seçerseniz o sayfanın içeriği seçilen stilde görünür. UstMenu ve footer etkilenmez. Normal sayfalarda bu bölüme gerek yoktur.

Madrid Nova için: Kural – Stil ve Bu sayfanın tema stili listelerinde Madrid Nova görünmüyorsa Nova'yı bu iki yolla seçemezsiniz. Bütün mağazada Nova için Tema Stili'ne 4 yazın. Tek sayfada Nova için hazır /pages/madrid-nova sayfasını kullanın. Ayrıntı: Stil listelerindeki adlar.

16. Animasyonlar

Global Ayarlar › Animasyon içinde hazır 5 giriş animasyonu bulunur:

• Belirme
• Aşağıdan yukarı kayarak belirme
• Soldan kayarak belirme
• Sağdan kayarak belirme
• Yakınlaşarak belirme

Editörde bir bölüm ya da öğe seçip bu animasyonlardan birini uygulayabilirsiniz. Ürün listesindeki sırayla belirme animasyonu ise Tema Ayarları'ndan açılıp kapatılır.

17. Hazır sayfalar

Tema şu sayfalarla gelir. Hepsi YasalSayfa ya da kendi bölümleriyle düzenlenir:

• Mesafeli Satış Sözleşmesi, Ön Bilgilendirme Formu, Gizlilik ve KVKK, Çerez Politikası, Üyelik Sözleşmesi, İptal ve İade Koşulları, Kargo ve Teslimat
• Hakkımızda, İletişim (form), Sıkça Sorulan Sorular, Beden Rehberi, Sipariş Takibi (üye olmadan)
• Blog, giriş/kayıt, hesabım, adreslerim, siparişlerim ve favoriler sayfaları

Sayfaların ayarları

Sayfa seçiciden ilgili sayfayı açın ve soldaki bölüme tıklayın.

YasalSayfa ile yasal sayfalar

Belge Türü seçince hazır şablon metin gelir: Mesafeli Satış Sözleşmesi, Ön Bilgilendirme Formu, Gizlilik Politikası ve KVKK Aydınlatma Metni, Çerez Politikası, İptal ve İade Koşulları, Üyelik Sözleşmesi, Teslimat ve Kargo Koşulları, Hakkımızda, Sıkça Sorulan Sorular, Beden Rehberi.

Şablondaki şirket bilgileri şu alanlardan dolar: Marka Adı, Ticari Unvan, Adres, E-posta, Telefon, MERSİS No, Vergi Dairesi / No, KEP Adresi, Web Sitesi, Cayma / İade Süresi (gün) ve Son Güncelleme. Bu alanları bir kez doğru doldurursanız bütün yasal sayfalar güncellenir.

Özel Metin alanını doldurursanız şablon yerine sizin metniniz gösterilir.

Bu sayfaların arama motoru başlığı ve açıklaması için: Sayfa meta başlık ve açıklama.

18. SEO ve paylaşım

Arama motorlarında ve paylaşımlarda nasıl görüneceğiniz birkaç yerden yönetilir:

Sayfa meta başlık ve açıklama

Hakkımızda, İletişim, yasal sayfalar gibi sabit sayfaların arama motoru başlığı ve açıklaması editörden girilir:

1. Editörde Sayfalar listesini açın.
2. Sayfanın yanındaki ⋯ menüsünden Sayfa Ayarları'nı seçin.
3. Meta Başlık ve Meta Açıklama alanlarını doldurup kaydedin.
4. Değişikliğin sitede görünmesi için Yayınla'ya basın.

Başlık için "Sayfa adı | Marka" biçimi yeterlidir, örneğin "İade Koşulları | Markanız". Açıklamaya sayfada ne bulunduğunu bir iki cümleyle yazın.

Ana sayfa ana başlığı

Her sayfada arama motorlarının okuduğu tek bir ana başlık (H1) olmalıdır. Kategori, ürün, blog ve hesap sayfalarında tema bunu kendisi kurar. Ana sayfada ilk açılış görselinize göre ayarlayın:

Yapısal veri (Google için şirket ve blog bilgisi)

Tema, Google'ın okuduğu şirket, site ve blog bilgisini kendisi ekler. Sizin yapmanız gereken, bu bilgilerin geldiği alanları doğru doldurmaktır.

• Organizasyon yapısal verisi (JSON-LD) ayarı bu bilginin tamamını açıp kapatır. Varsayılan olarak açıktır.
• Açıklama, e-posta ve telefonun iletilmesi için Marka bilgi bloğu (SEO/GEO) göster de açık olmalıdır.
• Adres Google'a bu yolla iletilmez; sayfada yalnızca marka bilgi bloğunda görünür.
• Blog yazıları: Başlık, görsel, özet, yayın ve güncelleme tarihi ile yazar adı her yazıda otomatik eklenir. Ayarı yoktur; yazıyı eksiksiz doldurmanız yeterlidir. Ayrıntı: Blog.
• Popüler kategoriler: AltBilgi › Popüler Kategoriler (SEO) › JSON-LD (SiteNavigationElement) ekle ayarı kategori bağlantılarını da Google'a bildirir.

Favicon ve paylaşım görseli

Favicon tarayıcı sekmesindeki küçük simge, paylaşım görseli ise bağlantınız WhatsApp ya da sosyal medyada paylaşılınca görünen görseldir.

Tek görsel yeterliyse: ikas panelinde Online Mağaza › SEO ve Alan Adı içindeki SEO kartına görsel yükleyin. Bu görsel hem favicon hem de paylaşım görseli olur.

İkisi farklı olacaksa:

1. SEO kartına paylaşım görselini yükleyin: 1200×630 piksel, ortasında logonuz.
2. Online Mağaza › Eklentiler › Scriptler bölümünde "Favicon" adıyla yeni bir script açın, öncelikli olarak işaretleyin. İçeriğine aşağıdaki satırı yapıştırın ve görsel adresini kendi kare görselinizin tam adresiyle değiştirin. Sondaki boş <script></script> kalmalıdır, form içerikte bu etiketi ister.

   <link rel="icon" href="GORSEL-ADRESI"><script></script>

3. Script yöntemini kullanıyorsanız Tema Ayarları › Favicon alanını boş bırakın; o alan doluysa sayfa açılınca sekmede onun görseli görünür.

Script bütün mağaza için geçerlidir, temayı değiştirseniz de kalır. Tarayıcılar ve sosyal medya görselleri önbellekte tutar; yeni görsel gecikmeli görünebilir.

19. Blog

Yazılar ikas panelinde Online Mağaza › Blog altından eklenir. Temada yazıları gösteren üç bölüm vardır:

Her yazıda başlık, kapak görseli, kısa açıklama ve yazar adını doldurun: bu bilgiler yazı sayfasında görünür ve Google'a da iletilir. Arama motoru başlığı ve açıklamasını yazının kendi ekranından girin. Yol izinde blog sayfanızın adresi farklıysa Yol İzi Blog Bağlantısı alanını güncelleyin.

20. Hız ve görseller

Ürün kartı görselleri

Ürün kartlarındaki görsel boyutunu tema ekrana ve sütun sayısına göre kendisi seçer; bunun için bir ayar yoktur. Kart görseli bulanık görünüyorsa ürüne yüklenen özgün görselin çözünürlüğünü kontrol edin.

Ertelenmiş ürün listeleri

Ana sayfayı hızlandırmak için hazır gelen bazı ürün listeleri ertelenmiştir: ürünler bölüm ekrana yaklaşınca, arama ve sepet önerileri ise arama ya da sepet açılınca yüklenir. İçerik girerken şunları bilmeniz yeterli:

• Editörde ya da yeni açılan sayfada böyle bir listede önce az ürün görmek normaldir. Hazır listelerin ayarında ürün sayısı 1 görünebilir; bu bir hata değildir, sayıyı büyütmeyin. Sayfayı aşağı kaydırınca dolar. Vitrin kaydırınca da boş kalıyorsa listenin kategorisini kontrol edin.
• Mümkünse vitrinlerde tek tek seçilmiş ürün yerine kategori ya da indirimli ürünler gibi otomatik bir liste kullanın. Tek tek seçilmiş listelerdeki bütün ürünler sayfa açılırken yüklenir; bu listeleri kısa tutun.
• Bir listeyi editörde yeniden seçerseniz ertelenme kalkabilir. Ürünler yine doğru görünür, yalnızca sayfa biraz ağırlaşır.
• Ürün sayısını gereğinden fazla artırmayın; bir vitrin için 8 ile 12 ürün genellikle yeterlidir. KombiniKesfet noktaları ve AskidaUrunler parçaları için de aynısı geçerlidir.
• Kullanmadığınız stillerin kapsayıcılarını ana sayfadan silmek sayfayı hafifletir. Ayrıntı: Ana sayfa.

21. Yayınlama

• Editörde yaptığınız değişiklikler siz Yayınla'ya basana kadar sitede görünmez.
• Yayın tamamlanınca sağ üstte "Siteniz başarıyla yayınlandı" mesajı çıkar. "Güncel Siteme Git" ile kontrol edin.
• Yayın sırasında editör sekmesini açık ve önde tutun.
• Editörde girdiğiniz sayfa başlıkları ve açıklamaları da yayınla ile siteye geçer. ikas panelinde girdikleriniz (örneğin kategori açıklaması) yayın gerektirmez, birkaç dakika içinde görünür.
• Önizleme cihaz seçicisiyle (masaüstü, tablet, mobil) her ekranı yayınlamadan kontrol edebilirsiniz.

22. Sık sorulan sorular

23. Destek

Bu kılavuzda yanıtını bulamadığınız bir konu olursa bize ulaşın. Mesajınıza mağaza adresinizi, kullandığınız tema stilini ve sorunun ekran görüntüsünü eklerseniz daha hızlı yardımcı olabiliriz.

WhatsApp: 0532 052 25 45 · E-posta: admin@dijipo.com · Görüşme: dijipo.com/randevu

Dijipo x Madrid · ikas teması · Kılavuz sürümü: 04.11.2026