WooCommerce Mağazanızdaki Herhangi Bir Özel Alana Kendi CSS Sınıfınızı Ayarlayın

İki tür özel alan vardır: ürün ve ödeme alanları. Her ikisini de kişiselleştirebilirsiniz. Tek ihtiyacınız olan, CSS dosyanızdan kendi özel alan sınıfınızı atamak. Bu rehberde size nasıl yapılacağını göstereceğim.

Genel olarak, ödeme veya ürün alanlarını kişiselleştirmenin kolay bir yolu yoktur. Herhangi bir alana bir CSS özel alan sınıfı atamak istiyorsanız, bir eklentiye ihtiyacınız vardır.

Bu kılavuzda, alanların görünümünü nasıl değiştireceğinizi öğreneceksiniz. Varsayılan Yükleme alanına bakın:

Görünümünü şu şekilde değiştirebilirsiniz:

Bu sadece bir örnek. Kendi stilinizi belirleyeceksiniz.

Özel alanlar için iki harika eklenti vardır:

• Esnek Ödeme Alanları
• Esnek Ürün Alanları

Bu eklentiler, alanları yapılandırmanıza ve özel alanlar oluşturmanıza da olanak tanır. Eğitimimize göz atabilirsiniz: WooCommerce'de Özel Alanlar Oluşturun →

Bu kılavuza devam etmek için yukarıdaki bağlantıları kullanarak birini veya her ikisini indirin.

Herhangi bir alana bir CSS özel alan sınıfı atayın

Esnek Ödeme Alanları eklentisiyle başlayalım. Yükleyip etkinleştirdikten sonra WooCommerce → Checkout Fields seçeneğine gidin. Düzenleme Bölümünü orada bulacaksınız:

Şimdi, sadece adına tıklayarak bir alan seçin. 6 sekme göreceksiniz. Görünüm'ü seçin. Orada kendi CSS sınıfınızı ayarlayabilirsiniz:

Ardından, Esnek Ürün Alanları için nasıl çalıştığını görelim. WooCommerce'de varsayılan olarak ürün alanı yoktur. Bazılarını yaratman gerekiyor ve sonra onları şekillendirebilirsin.

Ürünler → Ürün Alanlarına gidin:

Ardından bir grup alan ve içinde bir alan oluşturun. Daha fazla yardıma ihtiyacınız varsa, WooCommerce Ekstra Ürün Seçenekleri Kılavuzumuza bakın →

Bir alanın yapılandırma ekranında bir CSS Sınıfı seçeneği bulacaksınız.

Hem ödeme hem de ürün alanları için kendi stilinizi nasıl belirleyeceğinizi öğrendiniz.

CSS özel alan sınıfınızı oluşturun

bilgi

Örnek

Diyelim ki radyo düğmesi alanını biçimlendirmek istiyoruz.

Bir CSS sınıfı oluşturmamız gerekiyor. Örnek sınıfı oluşturdum. Aşağıda görebileceğiniz gibi fieldset , legend ve label öğeleri için de bazı kodlar yazdım:

Bu kod, bu alanı dönüştürmeme izin veriyor:

Böyle bir güzelliğe:

TAMAM. Belki oradaki en güzel radyo düğmesi değil ama hoşuma gitti :)

Herneyse, sen anladın. Eklenti, CSS özel alan sınıfınızı alanın div'ine atar:

Bu div içindeki öğeleri özelleştirmek istiyorsanız, bunları şu şekilde çağırmanız gerekir:

bir efsane öğesi için:

Bunun nedeni, bu öğenin div ve bir fieldset öğesinin içine yerleştirilmiş olmasıdır:

Eklentilerimizin diğer özellikleri

Esnek Ödeme Alanları

Kısacası Esnek Ödeme Alanları, WooCommerce'de özel alanlar oluşturmanıza olanak tanır. Ayrıca, bu eklenti ile varsayılan WooCommerce ödeme alanlarını düzenleyebilir veya yeniden düzenleyebilirsiniz. Örneğin, dijital ürünler satıyorsanız adres alanlarını devre dışı bırakabilirsiniz.

Dünya çapında yaklaşık 70.000 mağaza bu eklentiyi günlük olarak kullanıyor. İnsanların reytingleri 5 üzerinden 4,6.

Ücretsiz sürüm şunları oluşturmanıza olanak tanır:

• Tek Satır Metin
• Paragraf Metni
• metin alanı
• Sayı
• e-posta
• Telefon
• URL
• onay kutusu
• Renk
• Başlık
• resim
• HTML

Esnek Ödeme Alanlarının ücretsiz sürümünde bulabileceklerinizi özetleyen bir video:

PRO sürümü ile şunları oluşturabilirsiniz:

• onay kutusu
• Radyo düğmesi
• Seç (Aşağı Aç)
• Tarih
• Zaman
• Renk seçici
• Başlık
• HTML veya düz metin
• Dosya yükleme

Esnek Ürün Alanları

Bu eklenti, ürün sayfanızı özelleştirmek için ihtiyacınız olan her şeydir.

Ücretsiz sürüm, bu alanları WooCommerce ürün sayfanıza eklemenizi sağlar:

• Metin
• metin alanı
• Sayı
• e-posta
• URL
• onay kutusu
• Çoklu onay kutusu
• Seçme
• Çoklu seçim
• Radyo düğmesi
• Zaman
• Görüntülü radyo
• Renk
• renkli radyo
• Başlık
• Paragraf
• resim
• HTML

Bu video, ücretsiz sürümde bulunan tüm özelliklerin bir özetidir:

Kısacası, bu eklenti ürün eklentileri oluşturmanıza olanak tanır. WooCommerce mağazanızdaki ürünlere yeni özel alanlar ekleyebilirsiniz.

PRO sürümü şunları eklemenizi sağlar:

• Tarih alanı
• Dosya Yükleme alanı

Ayrıca, PRO sürümlerin ana özellikleri şunlardır:

• Sipariş grubu
• WooCommerce özel fiyat alanları (bir alana sabit veya yüzde fiyatı atama)
• koşullu mantık
• E-posta yoluyla hızlı destek
• Yinelenen alan grupları

WooCommerce Ürün Kişiselleştirme Seçenekleri Kılavuzu'ndaki bu alanlardan bazıları →

O rehbere mutlaka göz atmalısınız! Orada birçok kullanım örneği bulacaksınız. Aşağıdakileri uygulamak için kullanıcılara yapılandırma boyunca adım adım rehberlik ediyoruz:

• Basit rezervasyon sistemi,
• Hediye paketleme özelliği,
• Catering diyet sihirbazı,
• Bilgisayar sihirbazı vb.