WooCommerce Stokta Olmayan Ürün Görseline Tükendi Yazmak - Out Of Stock Products

Başlatan: Kerem - Güncelleme: 06 Aralık 2023, 21:30:09 - Gösterim: 209

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

Aşağı git Sayfa1

Kerem
Administrator
Mesajlar: 1,034
Konum: Ankara
Cinsiyet: Erkek
Meslek: Eli Boş
İlişki Durumu: Var
Burç: Kova
Takım: Galatasaray
Kayıtlı

WooCommerce Stokta Olmayan Ürün Görseline Tükendi Yazmak - Out Of Stock Products

06 Aralık 2023, 21:30:09

WooCommerce Stokta Olmayan Ürün Görseline Tükendi Yazmak - Out Of Stock Products

WordPress WooCommerce tabanlı alışveriş sitelerinde ürünlerin stoklarının tükendiğini göstermenin birkaç yolu var, fakat aşağıda paylaştığım görselde ki gibi ürün görseli üstünde tükendi yazısının anlatımını bulamadığım için basit bir çözüm ile yapabildim. Buradan paylaşayım ki kullanmak isteyenlerin işine yarasın.

En solda bulunan görselin üzerinde ki TÜKENDİ yazısını nasıl yaptığımıza gelelim. Öncelikli olarak wordpress panel >> eklentiler >> yeni eklenti ekle sayfasına geliyoruz ve Sold Out Badge for WooCommerce isimli eklentimizi bularak kuruyor ve etkinleştiriyoruz.

Bu eklentinin kendine ait bir ayar (settings) sayfası var ama o sayfadan ilk görseldeki görüntüyü yakalayamıyoruz bu nedenle konun en altında vereceğim css kodlarını bu modun kurulumunu tamamladıktan ve ayar sayfasında görsel üzerinde yazmasını istediğimiz kelimeyi yazarak kaydettikten sonra temanızın ek css sayfasının en altına ekliyor ve kaydediyoruz.

Css sayfasına eklnecek kodlar:

.wcsob_soldout {
position: absolute;
  line-height: 40px;
  background: rgba(255,255,255,.8);
  left: 0;
  right: 0;
  max-width: 200px;
  border: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  border-radius: 0;
  text-transform: uppercase;
  margin: 0 auto;
  padding-top: 3px;
	}

.single-product .wcsob_soldout {
  display: none;
}