Webboll Product Designer

1.200,00

WooCommerce ürün kartlarınızı ve ürün detay sayfalarınızı kod yazmadan tasarlayın. Görsel, fiyat, başlık, açıklama, sepete ekle, indirim vb her öğeyi  satır ve sütunlara yerleştirin. Renk, font, arka plan, efekt ve ölçüleri ayarlayın. Mobil uyumlu sınırsız tasarım oluşturun, her birini farklı kategorilere veya ürünlere atayın.

Kategoriler:

Açıklama

Webboll Product Designer

WooCommerce ürün kartlarınızı ve ürün sayfalarınızı kod yazmadan, sürükle-bırak ile tasarlayın. Webboll Ürün Tasarımcı, WooCommerce mağazanızdaki ürün kartlarının (arşiv, ana sayfa, kategori listeleri) ve tekil ürün sayfalarının görünümünü tamamen sizin kontrolünüze veren bir tasarım eklentisidir. Tema dosyalarına dokunmadan, satır–sütun–blok mantığıyla istediğiniz düzeni kurar; her öğeyi ayrı ayrı biçimlendirir ve altı farklı ekran boyutu için ayrı ayrı responsive ayar yaparsınız.

Ürün görseli, başlık, fiyat, puan, açıklama, sepete ekle, favori, stok durumu, indirim etiketi, lisans tipi, minimum sipariş bilgileri ve daha fazlası hazır bloklar olarak gelir. Sürükler, bırakır, biçimlendirirsiniz. Birden fazla tasarım oluşturup bunları tüm ürünlere, belirli kategorilere veya tek tek ürünlere atayabilirsiniz.

Özet: Tema bağımsız, çok düzenli, tamamen responsive bir WooCommerce ürün görünümü tasarım aracı.

Kimler için?

– Temasının ürün kartı/sayfası görünümünü beğenmeyen ama kod yazmak istemeyen mağaza sahipleri
– Her ürün tipine (lisans satan, minimum sipariş şartı olan, vitrinli) farklı düzen isteyen satıcılar
– Müşterilerine özelleştirilmiş ürün sayfaları sunmak isteyen ajanslar ve freelance geliştiriciler
– Mobil, tablet ve masaüstünde farklı düzen gösteren profesyonel görünüm arayan herkes

Öne Çıkan Özellikler

Sürükle-bırak düzen sistemi
Satır ekleyin, satırın içine sütunlar koyun, sütunlara blok sürükleyin. Genişlikleri yüzdeyle ayarlayın. Hiçbir teknik bilgi gerektirmez.

Zengin blok kütüphanesi
Ürün görseli, ürün adı, fiyat, puan/yıldız, kısa ve uzun açıklama, ürün bilgileri (SKU/kategori), ek alanlar/özellikler, sepete ekle, favori, karşılaştır, indirim/kampanya etiketi, stok durumu, lisans tipi, minimum sipariş adedi, minimum sipariş tutarı, özel metin bloğu ve boşluk bloğu.
Tam responsive — 6 ekran kademesi
Mobil, Büyük Mobil, Tablet, Laptop, Masaüstü ve Geniş Masaüstü için ayrı ayrı tasarım yapabilirsiniz. Her satır için “bu ekranda kaç sütun yan yana dursun” diyebilir, sığmayanları otomatik alt satıra indirebilirsiniz. Veya her sütunun genişliğini ekran bazında özel yüzdeyle belirlersiniz. Bir ekranda yaptığınız ayar diğerini etkilemez; boş bıraktıklarınız üst kademeden miras alınır.
Her öğeye ayrı stil (CSS+UX)
Bloklara, sütunlara ve satırlara ayrı ayrı: arka plan rengi/görseli, iç ve dış boşluk, köşe yuvarlama, gölge, kenarlık, kenar çizgileri (üst/alt/sol/sağ ayrı ayrı kalınlık ve renk), hizalama, yazı tipi ve hover efektleri uygulayabilirsiniz. Tüm bu ayarlar da ekran bazında ayrı tanımlanır.

Yapışkan (Sticky) öğeler
Bir bloğu veya sütunu sayfa kaydırılırken ekranda sabit tutabilirsiniz. Örneğin uzun ürün açıklamasını okurken “Sepete Ekle” butonunun hep görünür kalması. Üstten mesafe (sabit menünüz varsa onun yüksekliği kadar) ve katman ayarlanabilir. Masaüstünde yapışkan olan bir öğeyi mobilde kapatabilirsiniz — her ekran için ayrı.
Çoklu tasarım ve hedefleme
Sınırsız tasarım oluşturun. Her tasarımı tüm ürünlere, belirli kategorilere veya tek tek ürünlere atayın. Öncelik sırası: ürün > kategori > tümü. Böylece lisans satan ürüne ayrı, fiziksel ürüne ayrı düzen verebilirsiniz.

Kart geneli (kapsayıcı) stili
Tüm satır ve sütunları saran dış kartın tamamına arka plan, çerçeve, kenar çizgileri, gölge ve hover efekti verebilirsiniz.

Minimum sipariş desteği
Minimum sipariş adedi ve tutarı bloklarıyla bu bilgileri ürün üzerinde gösterin.

Tema bağımsız çalışma
Standart WooCommerce temalarında ürün kartları ve sayfaları otomatik değiştirilir. Özel/blok temalarda ürün sayfası için otomatik yerleştirme denenir; tutmazsa tek bir CSS seçici girilerek her temaya uyarlanabilir.

Tıklanabilir kartlar
Ürün kartının boş alanına tıklanınca ürün sayfasına yönlendirme; buton ve linkler ayrı çalışır.