Divi eklentisi spot ışığı: atlıkarınca modülü divi ürünleri

Carousel Modülü Divi ürünü, Divi için atlıkarınca kaydırıcıdaki WooCommerce ürünlerine sahip üçüncü taraflı bir eklentidir. Güney Kore ürünü oluşturun ve herhangi bir divi düzenine yerleştirin. Düzenleyebilir ve bazı düzen ve görünüm seçeneklerini seçebilirsiniz. Bu makalede, Carousel Divi ürün modülünü göreceğiz, özellikleri göreceğiz ve kullanmanın ne kadar kolay olduğunu göreceğiz. Carousel Ürün Divi modülü, geliştirici web sitesinden ve Divi pazarından edinilebilir. Divi Ürün Korece Modülü

Eklentiyi yükledikten ve etkinleştirdikten sonra, gösterge paneli menüsünde diviGear’ı açın ve lisansınızı etkinleştirin. Bu geliştiriciden birkaç eklentiniz varsa, eklenti sekmesini seçmelisiniz.

Yeni modül, Carousel Product adlı divi üreticisine eklendi. Bu, kalabalıktan öne çıkması için mor simgeyi içerir.

Ayarlar İçerik sekmesini, tasarımını ve devam etmesini içerir. İçerik sekmesinde WooCommerce içeriği için ayarlar vardır. En son ürün kategorisinden, üstün, satış, en çok satan, en iyi rütbe veya gerilme kutusundan ürün türünü seçin. Görüntülemek istediğiniz ürün sayısı için numarayı girin. Popülerlik, sıralama, tarih veya fiyattan sıralama sırasını seçin. Ayrıca düğmeyi etkinleştirebilirsiniz ve açıklama sepete ekleyin. Tam açıklamaları veya alıntıları gösterin.

Atlıkarınca ayarları, kullanılan cihaza göre sütun sayısını seçmenizi sağlar. Ayrıca çoklu uçlu (ekrandaki slayt sayısı ile kaydırmak veya bir seferde bir slayt kaydırmak için devre dışı bırakacak), uzay alanı, geçiş süresi, orta, döngü, otomatik rotasyon, navigasyon noktaları ve oklar, tesviye ve tesviye, tesviye ve Kesme etkileri. Diğer düzenlemeler arasında bağlantılar ve arka planlar bulunur. Puanları ve okları birlikte kullanabilmeniz çok ilginçtir. Slaytın altına sağ, orta veya sola noktaları yerleştirebilirsiniz. Tasarım sekmesi, genişlik, başlık, fiyat, açıklama, satış rozeti, sepete ekleme düğmesi, incelemeler, oklar, noktalar, resimler için ayarlar içerir. İmlecleri, boşlukları, sınırları ve kutuların gölgelerini işaret edin. Seçtiğiniz seçeneklere göre diğer ayarlar eklenir. Bu düzenlemelerin her biri çok geniştir.

Devam sekmesi beklenen CSS, görünürlük ve geçiş özelliklerini içerir. CSS Custom, ürünler, görüntüler, başlıklar, fiyatlar, önceki satış rozeti okları, sonraki oklar ve noktalar için alanlar içerir. Bu size CSS ile çok fazla kontrol sağlar. Divi ürün atlıkarınca modül ayarları

Başlığı ve fiyatı yukarı veya aşağı taşıyabilirsiniz. Bu örnekte, ikisini de hareket ettirdim ve boyutlarını ve renklerini değiştirdim. Arka plan rengini ve yazı tipi boyutunu değiştirerek satış rozetini ayarladım. Ayrıca aktif olmayan ve aktif noktalar ayarlıyorum.

Bu öne bakıyor. Ayrıca bindirme ekledim ve sepet ekle düğmesi gelgitte göründü. Bu düğme stilini kaplama ve havza düğmesi için ayarlayabilirsiniz.

Bu durumda, 6 sütun seçtim, tüm metni geri hareket ettirdim, metnin rengini ayarladım ve tramvaya ekle düğmesine biraz opaklık ekledim. Varsayılan olarak gelişim opaklığını bırakıyorum, bu yüzden imleci düğmenin kendisine yönlendirirseniz düğme sağlam. Bunun için düzeni 4 sütuna ayarladım. Oklar ekledim ve okların ve noktaların renklerini değiştirdim. Ayrıca başlık, fiyat ve açıklamaya arka plan ekledim ve tüm metni beyaza değiştirdim. Metni kutudaki iyi uyumlu hale getirmek için bazı içerik dolgu maddeleri ekledim. Bu aynı zamanda üst kısım için içerik dolgu maddeleri de içerir (başlığı veya fiyatı resmin üzerine yerleştirirseniz).

Bu öne bakıyor. Sağdaki oklar, görüntülenebilecek ürünün sonunda olduğunu göstermek için daha parlaktır. Eğer döngüye koyarsam, normal bir renk olacaktır.

Taşma seçilmiş aşağıdaki görünüm. Bu iyi bir 3D kart efekti verir. Dönme miktarını ayarlayabilir ve kayma gölgesini etkinleştirebilirsiniz.

Bu örnekte, bir kutu gölge kartı veriyorum ve bulanıklığı ayarlıyorum. Ayrıca oku bir daire haline getirdim ve rengi ayarladım.

Bu, orta slayt etkinleştirilmiş ön tarafa bakar. Bu 4 sütunun düzenidir. Bir merkez slayt seçtiğinizde farklı görünüyor.

Bu, yukarıdaki örnekle aynı ayarları kullanan 5 sütunun düzenidir.

Güney Kore ürünü Divi’nin düzeni için çok uygundur. Bu örnekte, Divi mağazası modülünü atlıkarınca modülü Divi ürünüyle değiştirdim ve düzeni eşleşecek şekilde ayarladım.

Bu konuda, başlığı yukarı taşıyorum, yukarı ve aşağı biraz dolgu ekliyorum ve yarı arkalık başlığı yapıyorum. Ayrıca, düzene uyacak şekilde tramvaya eklenen düğmenin rengini de değiştirdim. Bunun için, slaytların ve görüntülerin yuvarlak bir açı yapması için sınırları ayarladım. Devam ettim ve görüntüyü bir daireye dönüştürdüm. Ayrıca kutunun gölgesini de ekledim.

Bu düzende çok iyi görünüyor. Satış rozetinin çoğunu gizler. Belki CSS ile bir çıkış yolu vardır.

Bu, 3 sütun düzeni ile taşma kullanır.

Bunun için görüntü sınırını kaldırıyorum, ancak slayt sınırını koruyorum. Kutunun gölgesini ekledim ve gücünü ve konumunu ayarladım.

Ayrıca Yıldızın sıralamasını Hover’daki incelemeden gösterir. Bu, sıralamayı tramvaya ekle düğmesinin yanına yerleştirir. Onları havalı animasyonlarla birleştirir. Bu varsayılan ayardır. Arka planın ve yıldızların renklerini ayarlayabilirsiniz.

Bu durumda, sıralamayı düzenin öğelerine uyacak şekilde ayarladım.

Bunun için fiyatı ve başlığı düşürüyorum. Bir açıklama ve kaplama ekledim. Nokta navigasyonunu sağa taşıdım. Kutunun gölgesinin yanda görüntülenmesi için bazı rulmanlar eklemeliyim. Yastık olmadan, ürünü modül odasının kenarına yerleştirir. Divi Carousel Ürün Modülü Demo

Şu anda geliştirici web sitesinde indirilebilecek 13 demo var. Bu, Divi kütüphanesine yükleyebileceğiniz ve herhangi bir Divi düzeniyle kullanabileceğiniz düzendir. Hepsi atlıkarınca modülü divi ürünleri için stil içerir ve bazıları modülleri ve diğer stil arka planları içerir. Bu, ürününüzün atlıkarınca tasarımı ile bir başlangıç ​​noktası elde etmek ve modüllerle yapılabilecek bazı şeyleri göstermek iyidir. Bazılarına bakalım. Bu, yukarıdaki başlığı, eşleşecek stili yukarı ve aşağı yerleştirin, görüntünün dışında daire içine alınmış okları ekleyin ve noktayı ekleyin. Ayrıca belirgin bir slayt yapmak için daha düşük bir sınırı vardır. Cesur renkleri severim. Üst ve alt kısım hafif bir şeffaflığa sahiptir, böylece arka plan paterni açıkça görülebilir. Bu düzen başlık için şık bir metin modülü içerir.

Bazı düzenler stilli başka bir modül içerir. Bu, metin modülünü ve düğmesini kullanarak harekete geçmesi için bir davet eklemek için iki sütunun düzenini kullanır.

Bu ön uç gibi görünüyor. Bu, sınırları, üstteki başlığı ve arabaya ekle düğmesi için iki renk içerir. Oklar modül görüntüsünde görüntülenir.

Bu, yeşil bir arka plan ve eşleşecek şık bir slayt içerir. İmleci ürüne yönlendirdiğinizde açık yeşil bir arabaya düğme ekleyin ve ardından imleci düğmeye yönlendirdiğinizde koyu yeşil. Bu, başlık için stil metin modülünü içerir.

Bu, satış rozeti için mavi stil, görüntünün dışındaki yuvarlak okları ve tramvaya eklenen düğmeyi içerir. Bu, slayt için küçük bir sınır ekler. Taşma efektine sahip bir slayt gösterir.

Bu aynı zamanda taşma efektleri olan ürünlere de sahiptir.Ayrıca oklar için mavi bir renk kullanır ve arabaya düğmeler ekler.Başlık yukarı taşındı.Yüksek opaklık ve kırmızı satış rozetine sahip beyaz genişlik. Şık bir arka plan içerir ve sınırlar ekler, şık, satış rozeti ve oklar daire tarzına düğmeler ekler.Katman beyazdır.Bu, fiyatları en üste ve diğer tüm verileri altına yerleştirir.Carousel Modülü Ürün Divi’nin fiyatı ve belgeleri

Carousel Ürün Divi modülü için iki satın alma seçeneği vardır:

Tek Site – 19 $

Sınırsız Site – 39 $

Bu, geliştirici web sitesinden ve piyasada bulunabilir.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir