WooCommerce Değişken Ürün Nitelikleri için Radyo, Etiket, Renk ve Görüntü Varyasyon Örnekleri Nasıl Oluşturulur

WooCommerce ürün varyasyon örneği, site satışlarını ve dönüşümünü artırmak için tanıtılan inanılmaz bir teknolojidir.

Renk örneklerinin neden inanılmaz olduğunu düşünüyorsunuz, değil mi?

Ürün varyasyonu renk örnekleri, varsayılan WooCommerce ürün varyasyonu seçme açılır alanının yerini alır ve renk, resim, etiket ve radyo renk örneklerini etkinleştirir. Sonuç olarak, müşteriler istedikleri ürün çeşidini kolayca seçip hemen sepete ekleyebilirler.

Bu eğitimde, OceanWP Theme kullanarak WooCommerce değişken ürününde radyo, etiket, renk ve fotoğraf varyasyon renk örneklerini nasıl etkinleştirebileceğinizi göstereceğim .

OceanWP temasının kurulu olduğunu varsayıyorum. Değişken ürünlerinizde renk örneklerini etkinleştirmek için önce WooCommerce Varyasyon Renk Örnekleri eklentisini yükleyin.

Canlı Demo | WooCommerce Varyasyon Renk Örnekleri Eklentisini İndirin

WooCommerce Varyasyon Renk Örnekleri Kurulumu

WooCommerce Variation Swatches eklentisini sitenizin arka ucundan da indirebilirsiniz. Üst yönetici bildiriminden Eklentileri Yüklemeye Başla'yı seçin.

WooCommerce Varyasyon Renk Örneklerini ve Ocean Extra eklentisini kurun ve etkinleştirin.

Renk örnekleri eklentisini yüklemek için en üstteki bildirimi almazsanız, Eklentiler >> Yeni Ekle seçeneğine gidin. Arama alanında WooCommerce Varyasyon Renk Örneklerini arayın. Emran Ahmed'in WooCommerce Varyasyon Renk Örnekleri Eklentisini Kurun ve Etkinleştirin.

Başarılı bir şekilde eklenti kurulumu ve aktivasyonundan sonra, OceanWP temasında radyo, etiket, renk ve görüntü varyasyon örnekleri oluşturma zamanı. İşlemi başlatalım.

WooCommerce Varyasyon Renk Örnekleri Kurulumu

OceanWP temanıza WooCommerce Varyasyon Renk Örnekleri ve Fotoğraflar eklentisini yükledikten sonra. Değişken ürünleriniz için bu eklentiyi yapılandırmanın zamanı geldi. Bu eklentiyi kurmanın iki yolu vardır.

1. Var olan değişken ürünler için varyasyon renk örneklerini etkinleştir
2. Varyasyon renk örneklerini ayarlayın Yeni değişken ürünler için

Bu derste, her iki yolu da açıklayacağım.

Mevcut Değişken Ürünler İçin Varyasyon Renk Örneklerini Etkinleştir

Birçoğunuzun zaten mağazanızda yaratılmış değişken ürünleri var. Ürün varyasyonu açılır menüsünü radyo, etiket, renk ve resim örneklerine dönüştürmek istiyorsanız, bu öğreticiyi buradan takip ettiniz. Aşağıdaki ekran görüntüsünü kontrol edin. Varsayılan varyasyon seçimi açılır menüsü şu anda sitenizde aşağıdaki ekran görüntüsüne benziyor. Sonraki adımlarda, varyasyon seçme alanını nasıl güzel renk örneklerine dönüştüreceğinizi göstereceğim.

Önceki

Sonrasında

Adım 01: Özelliği Düzenleme

Ürünler >> Nitelikler'e gidin . Tüm mevcut global öznitelikler öznitelik bölümünde listelenir. WooCommerce Variation Swatches eklentisini kurduktan sonra Type alanı ekler. Varsayılan olarak, Tür başlığı altında seçim gösterecektir.

As WooCommerce Renk Örnekleri Eklentisi Üç özellik türüyle birlikte gelir: Renk, Görüntü, Düğme . İstediğiniz öznitelik için herhangi bir öznitelik türü ayarlayabilirsiniz.

Gösteri amacıyla Fabrics, Pattern ve Label özniteliği oluşturulmuştur. Desen özniteliği için Renk özniteliği türü, Kumaş özniteliği için Görüntü özniteliği türü ve Etiket Özniteliği için Düğme özniteliği türü ekleyin.

Renk özniteliği türünü Desen özniteliğine ayarlamak için Düzenle'ye tıklayın.

Tür açılır menüsünden Renk Türü'nü seçin.

Ürünler >> Nitelikler . Desen özniteliği gibi Kumaş özniteliğini düzenleyin.

Ürünleri >> Nitelikleri tekrar geri alın. Kumaşlar ve Desen özniteliği gibi Etiket özniteliğini düzenleyin.

Nitelik türü seçimi tamamlandığında, nitelik listesi sayfasına geri dönün. Nitelik listesi aşağıdaki resim gibi görünecektir.

Ürün öznitelikleri için öznitelik türleri seçildikten sonra ürünün ön ucu aşağıdaki ekran görüntüsü gibi görünecektir.

Etiket özniteliği varyasyonları iyi görünüyor, ancak Desen özniteliği varyasyonlarının renkleri tanımlaması ve Kumaş özniteliği varyasyonlarının resim eklemesi gerekiyor.

Adım 02: Varyasyonları Düzenleme

Renkleri, Model özniteliği içinde çeşitlemeler olarak tanımlamak için. Ürünler >> Nitelikler bölümüne gidin. Modeller özelliğinden Terimleri yapılandır'ı seçin.

Terimleri yapılandır'ı seçtikten sonra, nitelik varyasyonlarının bir listesi açılır. Desen için üç varyasyon: Mavi , Yeşil ve Kırmızı varyasyonlar burada listelenir. Varyasyon rengi eklemek için her varyasyonu tek tek düzenleyin.

Gösterim için, Yeşil varyasyon için Bağlantıyı düzenle'yi seçin.

Varyasyon düzenleme panelinden. Colorpicker'dan istediğiniz rengi seçin ve Güncelle düğmesine basarak değişiklikleri güncelleyin.

Tüm varyasyon renkleri başarıyla güncellendiğinde, ön uç aşağıdaki gibi görünür.

Model özniteliği varyasyonlarını güncelledikten sonra, Model özniteliği gibi terimleri yapılandır'ı seçerek Kumaş özniteliğini düzenleyin.

Terimleri Yapılandır'a bastıktan sonra, kalıp gibi bir Kumaş terimi listesi gelir. Varyasyon resmi eklemek için her varyasyonu düzenleyin. Gösteri amacıyla, Chambray özniteliği için Düzenle bağlantısı.

Varyasyon düzenleme panelinden. resimden istediğiniz varyasyon resmini yükleyin ve Güncelle düğmesine basarak değişiklikleri güncelleyin.

Tüm varyasyonlar için görüntüleri güncelledikten sonra, ön uç aşağıdaki ekran görüntüsünü ister.

Yeni Değişken Ürünler İçin Varyasyon Renk Örneklerini Ayarlayın

Bu, mağazası için yaratılmış herhangi bir değişken ürüne sahip olmayanlar için adımdır. İlk olarak, değişken ürünler oluşturacağız ve onlar için renk örnekleri etkinleştireceğiz.

Adım 01: Global Nitelikler ve Varyasyonlar Oluşturun

Başarılı bir şekilde eklenti kurulumu ve aktivasyonundan sonra, Ürünler >> Öznitelikler'den global olarak istediğiniz özniteliği oluşturun. Model , Kumaşlar, Uzunluk ve Boyut varyasyonu oluşturun, Tip açılır menüsünden nitelik başlığını ve ilgili nitelik türünü girin.

Renk, resim ve etiket Desen , Kumaşlar , Etiket ve Beden özniteliği başarıyla oluşturulduğunda sol tarafta özniteliklerin bir listesini oluşturur.

Genel öznitelikleri oluşturduktan sonra, Terimleri yapılandır'ı seçerek öznitelik varyasyonları ekleyin. Model nitelikleri için varyasyonlar oluşturmak için Terim bağlantılarını yapılandır'ı seçin. Ad alanını doldurun ve renk kodlarını seçin. Renk özellikleri için Yeşil , Mavi ve Kırmızı varyasyonları oluşturun.

Model nitelikleri için varyasyonlar eklendikten sonra sol ekranda bir nitelik varyasyonları listesi belirir.

Ürünler >> Niteliklere tekrar ulaşın. Fabrics öznitelikleri için varyasyonlar oluşturun, Fabrics öğesinden Terimleri yapılandır bağlantılarını seçin. Ad alanını doldurun ve medya kitaplığından varyasyon görüntüsü ekleyin veya bilgisayardan yükleyin.

Görüntü nitelikleri için Chambray, Corduroy ve Kabartmalı varyasyonları oluşturun ve bunlar solda görünecektir.

Görüntü ve Renk varyasyonları gibi Radyo ve Etiket nitelikleri için varyasyonlar oluşturun.

Adım 02: Değişken Ürün Sayfasında Renk Örneklerini Görüntüleme

Değişken ürün sayfasında renk örneklerini etkinleştirmek için. İstediğiniz ürün düzenleme moduna girin, Ürün Verilerinden değişken ürünü seçin.

Nitelikler Sekmesine gidin. Özel ürün özelliği açılır menüsüne tıklayın. Burada, küresel olarak oluşturulmuş tüm nitelikler ortaya çıkıyor. Tüm özellikleri tek tek ekleyin.

Tüm nitelikleri ekledikten sonra, mevcut tüm varyasyonlarını bir kerede eklemek için her bir nitelik ayarından Tümünü Seç düğmesine basın. Ürün özelliği varyasyonlarını ekledikten sonra, Nitelikleri Kaydet Düğmelerini seçerek ayarları kaydedin.

Şimdi Varyasyonlar sekmesine girin. Varyasyon Ekle açılır menüsüne tıklayın. Burada iki seçenek çıkıyor. Birincisi Varyasyon Ekle , ikincisi ise Tüm niteliklerden varyasyonlar oluştur.

Tüm niteliklerden varyasyon oluştur'u seçin ve Git'e basın. Nitelikler için oluşturulan tüm mevcut varyasyon kombinasyonlarını ekleyecektir. Bireysel varyasyon için fiyat ve varyasyon resmi ekleyin ve ayarları kaydedin.

Çözüm

OceanWP temasında WooCommerce Varyasyon Renk Örnekleri Eklentisini kurmak için her adımı ele almaya çalıştım. Daha fazla yardıma ihtiyacınız olursa yorum kutusunda bana bildirin.