E-ticaret sitelerinde dönüşüm oranlarını artırmanın en etkili yollarından biri, müşteriye ürünü listelerken doğru mesajı vermektir. "Ücretsiz Kargo", "Aynı Gün Teslimat", "Montaj Dahil" veya "Fırsat Ürünü" gibi etiketler, ürün görseli üzerinde dikkat çekici bir yerde durduğunda satışları doğrudan etkiler.

PrestaShop'un standart yapısında sadece "İndirim" veya "Yeni" etiketleri bulunuyor. Bu ihtiyaçtan yola çıkarak, PrestaShop 1.7+ ve PHP 7.4 altyapısına uygun, tamamen yönetilebilir ve ücretsiz bir modül geliştirdim.

Bu yazımda, geliştirdiğim Product Labels (Ürün Etiketleri) modülünü sizlerle paylaşıyorum.

Modülün Öne Çıkan Özellikleri​

Geliştirdiğim bu modül, basit bir resim eklemenin ötesinde, tam teşekküllü bir kampanya yönetim aracı gibi çalışıyor:

1. Sınırsız Etiket Oluşturma: Tek bir etiketle sınırlı değilsiniz. İstediğiniz kadar farklı kampanya etiketi oluşturabilirsiniz.
2. Akıllı Konumlandırma (Stacking): Sol üst, sağ üst, sol alt veya sağ alt köşeleri seçebilirsiniz. Aynı köşeye birden fazla etiket eklerseniz, birbirinin üzerine binmez, otomatik olarak alt alta sıralanırlar.
3. Kategori Ağacı Seçimi: Etiketin hangi kategorilerde görüneceğini tek tek ID yazarak değil, PrestaShop'un kategori ağacından seçim yaparak belirlersiniz.
4. Tüm Ürünlerde Göster Seçeneği: Kategori seçmekle uğraşmak istemiyorsanız, tek tuşla etiketi sitenizdeki tüm ürünlere uygulayabilirsiniz.
5. Özel Resim veya İkon Desteği: İster kendi hazırladığınız bir PNG/SVG görselinin linkini girin, isterseniz de Google Material Icons kütüphanesinden bir ikon kodu (örn: local_shipping) kullanın.
6. Canlı Önizleme: Admin panelinde renk, boyut ve metin ayarlarını yaparken sonucu anlık olarak görürsünüz.
7. Tema Uyumluluğu: displayProductListReviews ve displayProductPriceBlock kancalarını kullanarak hemen hemen tüm temalarda sorunsuz çalışır.

Ekran Görüntüleri​

(Buraya admin panelinden "Yeni Etiket Ekle" ekranının ve sitenin ön yüzünde ürünlerin üzerinde etiketlerin nasıl göründüğünün ekran görüntülerini eklemenizi öneririm)

Kurulum ve Kodlar​

Bu modülü kullanmak için aşağıdaki adımları izleyebilirsiniz:

1. Admin panelinden Modüller sekmesine gidip modülü yükleyin bulun ve Yapılandır butonuna basın.

Nasıl Çalışır?​

Modül, veritabanında ps_productlabels_items adında bir tablo oluşturur. Siz her etiket eklediğinizde bu tabloya kayıt atılır. Sitenin ön yüzünde (Front-end) ürün listelenirken, modül o ürünün ID'sini ve kategorisini kontrol eder. Eğer eşleşen bir kural varsa, CSS ve JS yardımıyla etiketi ürün resminin üzerine ("thumbnail-container" içine) yerleştirir.

Özellikle JavaScript entegrasyonu sayesinde, farklı tema yapılarında bile etiketler kayma yapmadan resmin üzerinde sabit durur.

İndir ve Destek​

Bu modülü geliştirmeye devam ediyorum. Sorularınız veya geliştirme önerileriniz varsa yorumlar kısmından iletebilirsiniz.

Geliştirici: Tayfun Taşkın

Web: www.tayfuntaskin.com.tr