Smart Scroll Buttons - Canlı Önizlemeli Yukarı Dön ve Aşağı Kaydır Düğmeleri

Uzun sayfaların bir çıkışa ihtiyacı vardır

Altmış ürünlük bir kategori, filtre çubuğu, uzun bir CMS sayfası, yönetim panelindeki upuzun bir liste... Ziyaretçi kaydırır, aradığını bulur ve sonra baştan sona geri kaydırmak zorunda kalır. Küçük ama her uzun sayfada tekrarlanan bir sürtünmedir ve çözümü tek bir düğmedir. Bu modül size iki tane veriyor.

İki düğme, her biri ayrı ayarlanır

• Yukarı Dön, ziyaretçi sayfayı aşağı kaydırdığında görünür. Tıklandığında sorunsuz şekilde başa döner.
• Aşağı Kaydır, altında hâlâ sayfa varken görünür. Tıklandığında doğrudan sona atlar; uzun listelerde ve insanların aradığı şeyin (bir form ya da iletişim bloğu gibi) en altta durduğu sayfalarda işe yarar.

Bunlar tek bir ayarın iki kez uygulanmış hâli değildir. Her düğmenin kendi şekli, genişliği, yüksekliği, arka plan rengi, simge rengi, boşlukları, z-index değeri ve kaydırma hızı vardır; yani ikisini birbirinin eşi yapabilir ya da bilerek farklılaştırabilirsiniz. Görünme animasyonunun ise Yukarı Dön düğmesine ait bir ayar olduğunu unutmayın.

Tahmin yürütmek yerine canlı önizleme

Ayarlar sayfası, düğmeleri siz yapılandırdıkça gösterir. Şekli değiştirin, rengi sürükleyin, boyutu ayarlayın; önizleme anında güncellenir. Kaydedip mağazaya geçmenize, sayfayı yenileyip geri dönmenize gerek kalmaz. Aradaki fark şudur: görünümü ilk denemede doğru ayarlamak ile beşincide yakalamak.

Şekil, renk ve konum

Daire veya yuvarlatılmış kare seçin. Genişlik ve yüksekliği, arka plan ve simge renklerini, ekran kenarlarına olan uzaklığı belirleyin: Yukarı Dön için sağ ve alt boşluk, Aşağı Kaydır için sağ ve üst boşluk. Z-index ayarı ise düğmenin hangi öğelerin üstünde duracağını belirler; temanızda aynı köşeyi paylaşan sabit bir üst menü, çerez bildirimi veya sohbet balonu varsa bu ayar hayat kurtarır.

Hareketi siz seçin

Yukarı Dön düğmesinin, ziyaretçi kaydırırken nasıl belireceğini belirleyen bir görünme animasyonu vardır: soldur (fade), döndür (spin), ters döndür (spin-inverse), yakınlaştır (zoom) ya da düğmenin sadece belirmesini istiyorsanız yok (none). Her düğme için ayrı ayrı belirlenen kaydırma hızı ise milisaniye cinsinden bir sayıdır; değer büyüdükçe hareket yavaşlar ve yumuşar. Böylece başa dönüş ister hızlı bir sıçrayış, ister yumuşak bir süzülüş olur.

Mağaza, yönetim paneli veya ikisi birden

İki bağımsız anahtar. Düğmeleri mağazadaki müşterilerinize gösterin, yönetim panelinde ekibinize gösterin ya da ikisini birden yapın. Yönetim panelindeki ürün listeleri ve uzun ayar sayfaları, bir Yukarı Dön düğmesinden en az bir kategori sayfası kadar fayda görür.

Her şey doğrulanır

Renkler gerçek renk olmalı, sayısal alanlar sıfır veya daha büyük tam sayı olmalı, seçenek alanları da gerçek seçeneklerden biri olmalıdır. Geçersiz bir değer kaydedilirken reddedilir ve alan ile değeri açıkça belirten bir mesaj gösterilir: sessizce başarısız olmak ya da bozuk bir düğme yerine "#GGG" is not a valid color uyarısı alırsınız.

Uyumluluk

PrestaShop 1.7, 8 ve 9 ile ve sekiz dilde çalışır: Almanca, Felemenkçe, Fransızca, İngilizce, İspanyolca, İtalyanca, Lehçe ve Türkçe. Düğmeler modülün kendi şablonu ve stil dosyasıyla oluşturulur; simge yazı tipi de üçüncü taraf bir CDN üzerinden yüklenmek yerine modülle birlikte gelir. Yani dışarıdan hiçbir istek yapılmaz ve bir CDN erişilemez olsa bile düğmeler yerinde durur.

Sık sorulan sorular

Yalnızca Yukarı Dön düğmesini kullanabilir miyim?

Evet. İki düğme birbirinden bağımsız ayarlanır; dilerseniz yalnızca birini, dilerseniz ikisini birden çalıştırabilirsiniz.

Sabit üst menüm veya sohbet balonumla çakışır mı?

Z-index ayarı tam da bunun içindir: değeri yükseltip düğmeyi çakışan öğenin üstüne, düşürüp altına alabilirsiniz. Boşluk ayarlarıyla da düğmeyi tamamen başka bir yere taşıyabilirsiniz.

Görünümü görmek için kaydetmem gerekiyor mu?

Hayır. Ayarlar sayfası, siz şekli, boyutu ve renkleri değiştirdikçe iki düğmeyi de canlı olarak önizler.

Yönetim panelinde de gösterebilir miyim?

Evet, bunun için ayrı bir anahtar var. Uzun yönetim listeleri de en az mağaza sayfaları kadar fayda görür.

Kaydırmayı nasıl daha yavaş ve yumuşak yaparım?

Kaydırma hızı değerini artırın. Değer milisaniye cinsindendir, dolayısıyla büyük sayı daha uzun ve daha yumuşak bir süzülüş demektir.

Hangi şekiller mevcut?

Daire ve yuvarlatılmış kare; her biri kendi genişlik ve yükseklik ayarıyla birlikte.

Dış bir sunucudan bir şey yükleniyor mu?

Hayır. Simge yazı tipi modülle birlikte geldiği için CDN üzerinden hiçbir dosya çekilmez ve bir CDN engellense bile düğmeler görünmeye devam eder.