Vimeo Video Showcase - Responsive Slider ve Lightbox, Otomatik Küçük Resimler

İnsanları Vimeo'ya gönderen video, satışı kaybeden videodur

Ürün videoları, eğitim içerikleri ve marka filmleri satar — ama yalnızca alışverişçi hâlâ mağazanızdayken. Bu modül onları mağazanızda tutar: videolar ana sayfanızdaki bir slider'da durur ve birine tıklandığında vimeo.com'da yeni bir sekme değil, sayfanın üzerinde bir lightbox açılır.

Bir bağlantı yapıştırın. Kurulum bundan ibaret.

• 1. Videonun bağlantısını kopyalayın — adres çubuğundan ya da Vimeo'nun Paylaş düğmesinden.
• 2. "Video ekle" alanına yapıştırın ve Ekle'ye tıklayın. Bağlantı tanınır tanınmaz önizleme belirir.
• 3. Üçüncü adım yok — küçük resim ve başlık Vimeo'dan otomatik gelir, slider ana sayfanızda çoktan yayında.

Başlığı boş bırakırsanız videonun kendi Vimeo başlığı kullanılır. Her bağlantı biçimi kabul edilir: vimeo.com/…, player.vimeo.com/video/…, kanal, grup ve showcase bağlantıları, hatta yalnızca video kimliği.

Listelenmeyen videolar, herkese açmadan

Tam gizli bağlantıyı — numaradan sonra ek kodu olanı — yapıştırın; video Vimeo'da gizli kalmayı sürdürürken mağazanızda sorunsuz oynar. Eğitim videoları, yalnızca müşterilere özel içerikler veya herkese açık bir kanala henüz hazır olmayan her şey için tam olarak istediğiniz şey budur.

Lightbox var, sapma yok

Videolar dikkat dağıtmayan bir katmanda açılır; tıklamayla veya Escape tuşuyla kapatılır ve Vimeo'nun İzleme Yok (Do-Not-Track) modunda (dnt=1) oynatılır. Bir video oynarken ve tarayıcı sekmesi arka plandayken slider'ın otomatik geçişi duraklar; böylece oynatıcının arkasında hiçbir şey kaymaz.

Her ekranda uslu duran bir slider

Masaüstünde bir satırda kaç video görüneceğini birden sekize kadar siz seçersiniz; slider küçük masaüstlerinde en fazla dört, tabletlerde üç, telefonlarda iki videoyu otomatik olarak gösterir ve dokunmatik kaydırmayı doğal biçimde destekler. Oklar ve noktalar isteğe bağlıdır; tüm videolar ekrana zaten sığıyorsa ikisi de kendiliğinden kaybolur. Otomatik geçiş hızı ve üzerine gelince durdurma da ayarlardadır.

Video video, dil dil kontrol

Videolarınız listesinde yukarı-aşağı oklarıyla sıralama yapabilir, tek tıkla bir videoyu gizleyebilir, düzenleyebilir veya silebilirsiniz. Her video tek bir mağaza diline sınırlanabilir ya da herkese gösterilebilir — bir eğitim videosu yalnızca Almanca varsa veya bir kampanya filmi tek bir pazara özelse çok işinize yarar. Dili sonradan mağazadan kaldırılan videolar sessizce kaybolmak yerine işaretlenir; böylece onlara yeni bir dil atayabilirsiniz.

Tasarımı gereği hafif

jQuery yok. slick yok, modal-video eklentisi yok, harici kütüphane yok, API anahtarı yok. Yalnızca gösterilecek içerik varken yüklenen küçük bir CSS dosyası ve küçük bir betik dosyası; üstelik modül sürümüyle önbellek kırılıyor, böylece güncellemeler geri dönen ziyaretçilere sayfayı zorla yenilemelerine gerek kalmadan ulaşıyor.

Sürüm 2.0 neleri düzeltti

Eski sürümler her sayfada bir CDN'den jQuery 1.10 yüklüyor, hem header hem displayHeader kancalarına bağlandığı için dosyaları iki kez çağırıyor, boş adreslerin bozuk gri slaytlara dönüşmesine izin veriyor ve güncel PrestaShop sürümlerinde çöken bir yapılandırma sayfasıyla geliyordu. Bunların tamamı tasarım gereği tarihe karıştı: jQuery hiç yok, her kayıt doğrulanıp yönlendiriliyor ve geçerli bir Vimeo bağlantısı olmadan video kaydedilemiyor. Yükseltme mevcut videolarınızı otomatik taşır — kimlikler ayıklanır, küçük resimler yeniden çekilir; geçerli videosu olmayan eski slaytlar silinmez, Gizli olarak işaretlenir.

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. Slider kurulumda displayHome kancasına bağlanır, Tasarım → Konumlar üzerinden taşırsanız herhangi bir görüntüleme kancasında çalışır ve {widget name='vimeoslider'} ile doğrudan bir şablona yerleştirilebilir. Modülü kaldırdığınızda tablosu ve ayarları da silinir — Vimeo'daki videolarınıza ise hiçbir şey olmaz.

Sıkça sorulan sorular

Vimeo API anahtarına ihtiyacım var mı?

Hayır. Bağlantıyı yapıştırmanız yeterli; küçük resmi ve başlığı modül kendisi çeker.

Listelenmeyen videoları kullanabilir miyim?

Evet — video numarasından sonraki kodu da içeren tam gizli bağlantıyı yapıştırın; video Vimeo'da listelenmeden kalırken mağazanızda oynar.

Video nerede oynatılıyor?

Sayfanızın üzerindeki bir lightbox içinde; tıklamayla veya Escape tuşuyla kapatılır, böylece alışverişçi mağazadan hiç ayrılmaz.

Aynı anda kaç video görünür?

Masaüstünde satır başına biri ile sekiz arasında bir sayı seçersiniz; tablet ve telefonlarda bu sayı otomatik olarak azalır ve dokunmatik kaydırma devreye girer.

Bir video yalnızca tek bir dilde gösterilebilir mi?

Evet. Her video tek bir mağaza diline sınırlanabilir ya da herkese gösterilebilir.

Slider'ı ana sayfa dışında bir yere koyabilir miyim?

Evet. Tasarım → Konumlar üzerinden istediğiniz görüntüleme kancasına taşıyın ya da kopyalayın; dilerseniz {widget name='vimeoslider'} ile bir şablona yerleştirin.

Küçük resim koyu bir yer tutucu olarak görünüyor — ne yapmalıyım?

Modül istediğinde Vimeo yanıt vermemiştir. Videonun Düzenle formunu açıp Videoyu güncelle düğmesine tıklayın ve videonun gizli olmadığını kontrol edin; listelenmeyen videolar için tam gizli bağlantı gerekir.