WP Manifestindependent plugin directory
manifest / builders / responsive-tab-card-slider

Mavera Responsive Tab to Card Slider for Elementor

responsive-tab-card-slider for elementor

by Mavera Dijital A.Ş. · github.com/oguzhan-ozpinar/responsive-tab-card-slider · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/oguzhan-ozpinar/responsive-tab-card-slider/archive/refs/heads/main.zip

Readme

Mavera Responsive Tab to Card Slider for Elementor

Elementor için geliştirilmiş, tab yapısını mobil görünümlerde şık kart (card) slider'lara dönüştüren modern ve duyarlı (responsive) bir widget eklentisidir.

Sürüm Notları (v1.0.3) - Güncellemeler ve İyileştirmeler

1. İsim ve Markalama Güncellemesi

Diğer eklentilerimizle uyumlu olması ve WordPress eklenti listesinde alt alta düzenli durması için eklenti adını "Mavera Responsive Tab to Card Slider for Elementor" olarak güncelledik.

2. Renk ve Kırmızı Fallback Sorununun Çözümü

  • Global Renk Çözümü: Elementor üzerinde bir rengi doğrudan "Global Renk" (örneğin globals/colors?id=primary) olarak seçtiğinde widget'ın bunu ham metin olarak okuyup null (boş) dönmesi ve varsayılan kırmızı (#e02b20) renge düşmesi sorunu giderildi. Widget koduna Elementor'un aktif tasarım kitini (Kit Manager) sorgulayan dinamik bir renk çözücü (helper) eklendi. Artık global renk seçildiğinde eklenti arkadaki gerçek HEX kodunu bulup uyguluyor.
  • Aktif Tab Rengi: Aktif tab etrafı ve alt çizgisi tamamen seçilen Ana Accent rengine bağlandı.
  • Buton Okunabilirlik ve Kontrast Problemi: Buton metninin okunmama sorununu çözmek için otomatik kontrast motoru entegre edildi. Buton arka planı açık bir ton ise içerideki yazı ve ikon rengi otomatik olarak koyu füme/siyah (#111827), koyu bir ton ise beyaz (#ffffff) olacak şekilde ayarlandı.

3. Mobil Kartlar İçin İnce Gölge

  • Görsel Ayrışma: Mobil görünümde arka plan beyaz olduğunda kartların kaybolmaması için etrafına şık ve hafif bir derinlik veren ince bir gölge yerleştirildi.
  • Kullanıcı Kontrolü: Elementor'un panelindeki Style > Card Shadows kısmına "Mobile Card Shadow" adında açılır/kapanır bir switch (düğme) eklendi. Varsayılan olarak açık gelir, istenirse tek tıkla kapatılabilir.

4. Görsel (Resim) Link Davranışı

  • Akıllı Link Eşleme: Slider içindeki görseller tıklanabilir hale getirildi ve aktif buton linkine bağlandı.
    • Kartta Link 1 (Detaylı Bilgi) butonu aktif ve doldurulmuşsa görsel doğrudan o URL'ye gider.
    • Link 1 boşsa, hiyerarşiyi bozmamak için Link 2 butonunun URL'si yakalanarak görsel ona yönlendirilir.
    • Her iki buton da boşsa görsel tıklanamaz kalır, böylece boş veya hatalı link çıkışlarının önüne geçilir.

Read the full README on GitHub →