Homepage Banner Grid - Tıklanabilir Görsel Kolaj, Üç Responsive Düzen, Tema Düzenlemesi Yok

Ana sayfanızın yön gösterecek yaklaşık üç saniyesi var

Herkesin kaydırıp geçtiği bir slider ve bir sıra "öne çıkan ürün" mağazacılık değildir. Banner grid'i ise öyledir: birkaç görsel ve her biri, ziyaretçiyi kataloğunuzun gerçekten görmesini istediğiniz kısmına götüren bilinçli bir yol. Bu modül o grid'i, tek bir tema dosyasına dokunmadan, doğrudan yönetim panelinden kurar.

Doldurmaya hazır üç düzen

• Feature Split (vitrinli bölünmüş düzen) — bir büyük vitrin karosu ve onu destekleyen dört karo. Toplam beş karo: tek bir ana mesajı ve birkaç yan yolu olan mağazalar için.
• Mosaic (mozaik) — on altı karodan oluşan, dergi sayfası tadında zengin bir grid. Öne çıkarılmaya değer çok sayıda kategorisi olan kataloglar için.
• Showcase (vitrin) — beş karolu, dengeli editoryal düzen. Hiçbir görselin diğerini ezmemesi gerektiğinde.

Her düzenin yapılandırma sayfasında canlı önizlemesi var; yani tahmin ederek değil, bakarak seçiyorsunuz.

Nasıl çalışır

• 1. Düzeni seçin — üç önizleme kartından birine tıklayın; sayfa yenilenir ve o düzenin görsel alanları karşınıza gelir.
• 2. Stil ayarlarını yapın — hover yakınlaştırma, başlık katmanı, yuvarlatılmış köşeler, bağlantıyı yeni sekmede açma ve karolar arası 0 ile 16 px arasındaki boşluk.
• 3. Karoları doldurun — her karoya bir görsel yükleyin, açılacak bağlantıyı belirleyin ve başlık isterseniz bir metin ekleyin. Kaydedin; ana sayfanızda yayında.

Her karo gerçek bir bağlantı

Bir karo; bir kategoriyi, markayı, ürünü ya da istediğiniz herhangi bir sayfayı açabilir — /3-clothes gibi bir site içi yol veya tam bir https:// adresi. Bağlantılar doğrulanır: yalnızca site içi yollar ve http(s) adresleri kabul edilir, geri kalanı yok sayılır. Başlıklar hem görsel üzerindeki başlık katmanı hem de bağlantının erişilebilirlik etiketi olarak çalışır.

Tek stil dosyasıyla responsive

1.x sürümü her sabit piksel genişliği için ayrı bir stil dosyası — 980, 1000, 1110, 1170 — ve her PrestaShop sürümü için ayrı bir şablon getiriyordu. On stil dosyasının ve yedi şablonun tamamı kalktı; yerini tek bir CSS-Grid stil dosyası ve tek bir veri odaklı şablon aldı. Her düzen masaüstünden iki sütunlu tablet grid'ine, oradan tek sütunlu mobil görünüme kendiliğinden uyarlanır. Artık mağazanız için piksel genişliği seçmenize gerek yok.

Kendi kurulumunu kendi denetler

Yapılandırma sayfasının üst kısmındaki Durum paneli, grid'in ana sayfaya gerçekten bağlanıp bağlanmadığını ve görsel klasörünün yazılabilir olup olmadığını söyler — bağlı değilse tek tıklamalık bir Ana sayfada göster düğmesiyle birlikte. Eski "lütfen klasörü 777 yapın" ve "modülü en üst konuma taşıyın" yönergelerinin yerini gerçek kontroller aldı.

Yerini aldığı modülden daha güvenli

Yüklenen görseller, uzantı izin listesine karşı gerçek görsel olup olmadıkları doğrulanarak libs/custom/ altında ayrı adlarla saklanır; böylece ileride yapılacak bir modül güncellemesi banner'larınızın üzerine paket içindeki örnek görselleri yazamaz — 1.x tasarımındaki gizli bir hatanın kaynağı buydu. Stil dosyası, eski displayHeader kancası yerine actionFrontControllerSetMedia üzerinden yüklenir ve blok PrestaShop'un widget arayüzüyle render edilir; dolayısıyla {widget name='blockpicturecollagepro'} ile istediğiniz yere de yerleştirebilirsiniz.

Uyumluluk

PrestaShop 1.7, 8 ve 9 ile uyumlu ve sekiz dilde: Almanca, Felemenkçe, Fransızca, İngilizce, İspanyolca, İtalyanca, Lehçe ve Türkçe. Çoklu mağaza desteği sayesinde her mağazaya farklı banner yükleyebilirsiniz. Kurulumda Home kancasına bağlanır, hiçbir tema dosyasını düzenlemez veya geçersiz kılmaz — kaldırdığınızda ayarlarını, bağlantılarını, başlıklarını ve yüklediğiniz görselleri de siler ve temanızı bulduğu gibi bırakır.

Sıkça sorulan sorular

Banner'larım hangi ölçüde olmalı?

Karolar görseli kırparak alanı doldurduğu için birebir ölçü şart değil. Büyük karolar için 1200×800 px, küçükler için 600×400 px civarı net bir görüntü verir. JPG, PNG, GIF ve WEBP desteklenir.

Her karo farklı bir yere gidebilir mi?

Evet — her karonun kendi görseli, bağlantısı ve isteğe bağlı başlığı vardır; dilediğiniz kategoriye, markaya, ürüne ya da sayfaya yönlendirebilirsiniz.

Mobilde çalışıyor mu?

Evet. Tek bir CSS-Grid stil dosyası her düzeni masaüstünden iki sütunlu tablet grid'ine, oradan tek sütunlu mobil görünüme uyarlar.

Temamı düzenlemem gerekiyor mu?

Hayır. Modül kurulumda Home kancasına bağlanır. Temanız özel bir ana sayfa kancası kullanıyorsa {widget name='blockpicturecollagepro'} ile yerleştirmeniz yeterli.

Grid ana sayfamda görünmüyor — ne yapmalıyım?

Durum paneli bağlı olup olmadığını söyler ve tek tıklamalık bir "Ana sayfada göster" düğmesi sunar. Ayrıca Tasarım → Konumlar altından displayHome kancasını kontrol edip grid'i slider'ınızın üstüne taşıyabilirsiniz.

Farklı mağazalarda farklı banner'lar kullanabilir miyim?

Evet, modül çoklu mağaza uyumludur — banner'lar her mağaza için ayrı yüklenir.

Modül güncellendiğinde banner'larıma ne olur?

Hiçbir şey. Yüklediğiniz görseller tam da bu yüzden libs/custom/ altında ayrı adlarla saklanır; bir güncelleme onların üzerine paketteki örnekleri yazamaz.