Woocommerce e-ticaret eklentisi ile ürünlerimize özellik seçtirme ve seçilen özelliklere göre fiyatlama yapmak için varyasyonlar oluşturabiliriz. Ürün özelliklerinde renk seçimi yapıldığında ürün fotoğrafının değişmesi için WooCommerce Variation Swatches eklentisini kuruyoruz. Daha sonra Ürünler > Nitelikler sayfasına geliyoruz.
Sol taraftaki “Yeni Nitelik Ekle” formundan İsim bölümüne “Renk” yazıyoruz ve Tür bölümünde “Color” seçeneğini seçiyoruz.
Niteliğimizi ekledikten sonra sağ taraftaki tabloya Renk niteliğimiz geliyor. Terimleri yapılandır linkine tıklıyoruz.
Tıkladıktan sonra renklerimizi ekliyoruz. Ben mavi ve yeşil olarak 2 renk ekledim siz dilediğiniz kadar ekleyebilirsiniz. Dilerseniz eklediğiniz rengin sağ tarafındaki liste işaretini sürükleyerek sırasını değiştirebilirsiniz.
Daha sonra varyasyon eklemek istediğimiz ürünün düzenleme sayfasına geliyoruz. Ürün verisi bölümünde Varyasyonlu ürün’ü seçiyoruz. Üstten “Özel ürün niteliği” bölümünden “Renk” seçeneğini seçip “Ekle” butonuna tıklıyoruz. “Varyasyonlar için kullanıldı” seçeneğini seçip “Tümünü Seç” diyerek bütün renkleri ekletmiş oluyoruz. “Nitelikleri Kaydet” butonuna tıklıyoruz.
Soldaki tablardan “Varyasyonlar” tabına geliyoruz. “Varyasyon Ekle” seçeneği seçiliyken git butonuna tıklıyoruz.Daha sonra altta açılan formun en üstünden renk seçip, fotoğraf ve fiyat ekleyip “Değişiklikleri kaydet” butonuna tıklıyoruz.
“Varyasyon ekle” bölümünden diğer renkleri seçerek aynı işlemi diğer renkler içinde tekrar ediyoruz. Ürün bilgilerini güncelleyip site tarafında test ediyoruz ve aşağıdaki gibi bir sonuç alıyoruz. Mavi rengini seçtiğimizde mavi rengi için eklediğimiz fotoğraf ve fiyat, yeşil rengini seçtiğimizde yeşil rengi için seçtiğimiz fotoğraf ve fiyat gelecektir.
Çoban
Valla emeğine sağlık Hocam. Nette o kadar aradım en detaylı sen anlatmışsın. Fazlasıyla işime yaradı. Çok sağolasın anlatımın için.
Okan Taştan
Size faydalı olmasına sevindim hocam, iyi çalışmalar dilerim.
Mustafa
Hocam, ben mağazama farklı fiyatları olan varyasyonlar ekliyorum. Örneğin halı diyelim 1 metre> 100tl
2 metre> 200tl Ürün 100-200 tl diye gösteriyor. Çoğu siteye baktığımda bu şekilde değil 100tl den başlıyorsa orada sadece 100tl yazıyor. Ben bunu ne kadar araştırsam da nasıl çözeceğimi bilmiyorum.
İkinci sorumda olacak. Yine varyasyonlu ürünlerle alakalı. Bir ürünün siyah, beyaz ve mavi rengi var diyelim. Bu ürün sorunsuz şekilde yüklendi. Ana ürünü siyah diye yüklediysem tek ürün olarak gösteriyor. Ben ürünün 3 farklı renginin de sayfada gösterilmesini istiyorum. Diğer sitelere baktığım da yine bu şekilde duruyor. Sorunlarıma çare bulabilirseniz çok sevinirim 🙂
Okan Taştan
Hocam, varyasyona göre 100-200tl diye fiyat aralığını belirtiyor ama aynı zamanda seçilen varyasyona göre fiyatını altta yazıyır onu css ile fontu büyüterek daha görünür hale getirerek sorununuzu çözebilirsiniz.
İkinci sorunuz için ise varyasyon eklentilerinin pro sürümünü satın almanız gerekiyor.
Mustafa
Hocam merhaba tür seçeneklerinde color button vs var ben buraya ekleme yapmak istiyorum. buraya aşağıda örneğini verdiğim şekilde scroll ile seçme kaydırdıkça farklı ölçülerde ürün girdisi yapmak istiyorum bunun için eklenti bulamadım yardımınızı bekliyorum.
https://create.obi.de/stahlrohrbank-henrik/a6c15c12afae5d7f333ab962f08639fd
Okan Taştan
Benim anlattığım şekilde yapabilirsiniz, sizin bahsettiğiniz sitede de aynı şekilde dinamik varyasyon ve varyasyona özel fotoğraf, fiyat, renk bilgileri girilmiş
mehmet
hocam güzel yazınız için teşekkürler, ben ürünlerde gramaj varyasyonunu kullanıyorum, ilgili ürün sayfasına gidildiğinde seçim yapılabiliyor ama benim aradığım anasayfada ürünleri listelerken ilgili ürünün üstüne gelindiğinde gramajları gösterip seçilebilsin, bunu nasıl yaparım örnek site > https://www.peynircibaba.com/
Okan Taştan
Merhabalar istediğiniz özelliği linkteki ücretli eklentiyi satın alarak yapabilirsiniz.
https://barn2.co.uk/wordpress-plugins/woocommerce-product-table/?utm_source=blog&utm_content=woocommerce-variations-table-plugin
Cenk
Merhabalar, Hocam ben renk varyasyonlarını ekledim sorun yok ama şöyle bir problem var. Varyasyon seçmeden teklif yada sipariş ekranına tıklayınca hata veriyor. Bu durumun çözümünü bulamadım. Sabit bir varyasyon seçili gelemez mi? Bunu müşteriler bilemeyebiliyor? Çok sinir bozucu; https://sanalhost.site/urun/atki-bere-eldiven-seti/ yardımcı olursanız çok sevinirim.
Okan Taştan
Merhabalar, WordPress yönetim panelinde varyasyonlar sekmesinde “Varsayılan biçim değerleri:” bölümünde varsayılan olarak seçili gelmesini istediğiniz değerleri seçebilirsiniz.
Mustafa
Merhaba, varyasyonda indirim yaptığımda, indirimli fiyat gözüküyor ancak normal fiyatın üzerini çizmiyor. Nasıl bir çözüm bulunabilir?
Okan Taştan
Merhaba, normal fiyatın üzerini çizmemesi tema kaynaklı olabilir, tema kodlarından inceleyebilirsiniz.
Mustafa Saatçi
Yani normal fiyatı hiç göstermiyor.tek fiyat gösterimi indirimli fiyat olarak çıkıyor. Tabi bu sadece varyasyonlu ürünlerde.basit üründe üstü çizili olarak normal fiyat geliyor indirimli fiyatta yazıyor ama varyasyonda tek olarak indirimli fiyat gözüküyor.
Okan Taştan
varyasyonlarda normal fiyatı ve indirimli fiyatı da girdiğinizden emin olun. Eğer sorun devam ederse varyasyonlarda normal fiyatın gözükmesini engelleyen bir eklenti vb. olabilir. Öğeyi denetle diyerek normal fiyata display:none verilip verilmediğini kontrol edin.
Murat bekar
Peki varyasondaki ürün örneğin mobilya diyelim seçildiğinde hepsiburada ve n11’deki gibi fotoğrafında değişmesini nasıl sağlayabiliriz?
Okan Taştan
her varyasyona farklı resim eklerseniz varyasyon seçildikçe otomatik olarak resim değişir, vidoeda da bu şekilde yaptım izleyebilirsiniz.
murat
Teşekkürler cevabınız için birde “urun-kategori” ve “urun” permalink kaldırma ile alakalı böyle bir detaylı konunuz olsa keşke
Başkak
Yakında woocommerce projem olacak. Referans alınacak bir yazı olmuş teşekkürler…
emre
hocam fiyat görünmüyor bende neden anlamadım. normal fiyat ve indirimli fiyat giriyorum. 0.00 tl gösteriyor sepete eklenmiyor.
Okan Taştan
Tema kaynaklı olabilir, normalde varyasyonlara göre fiyat aralığını gösteriyor
ilker
hocam şu şekilde problemimiz var varyason eklediğimiz zaman yan yana geliyo biz bu varyasyonları tek tek yani alt alta yapmak istiyoruz nasıl yapabiliriz
Okan Taştan
Merhaba, varyasyon kutularına css ile width: 100% vererek alt alta getirebilirsiniz.
ozan
merhabalar,
sitemde birden fazla renk grubu var bir üründe hem deri seçeneği hem de kumaş seçeneği mevcut sadece bir tanesini seçerek sepete ekle işlemi yapmak istiyorum. bu mümkünmüdür acaba?
Okan Taştan
Merhaba, seçilmesini istemediğiniz varyasyona default bir değer vererek boş geçilmesini sağlayabilirsiniz.
filiz
Merhaba benim sorum varyasyonla ilgili. bir bisiklet markasi icin site kuracagim. https://www.propain-bikes.com/bike-configurator/configure/243650/ örnek olarak bu siteyi baz aliyoruz ve burdaki gibi her bisikletin 6 varyasyonu ve onlarinda alt varyasonu olacak sekilde. bunu woocommercede yapilabilinir mi ? wix te mesala sadece 6 varyant oluyor.