• avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar

Woocommerce Ürün Kategorisinde Ürün Görseli Altında Kısa Açıklama Ekleme

Olayımız aslında basit, kategorilerde ürün görselinin altında görünecek kısa bir açıklama eklemek. Bu açıklama indirim olur, yönlendirme olabilir artık tamamen sizin ihtiyacınıza kalmış bir çalışma. Yukarıda verdiğim...

Başlatan: Kerem - Güncelleme: 08 Mart 2025, 20:48:48 - Gösterim: 54

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

Aşağı git Sayfa1
08 Mart 2025, 20:48:48
Woocommerce Ürün Kategorisinde Ürün Görseli Altında Kısa Açıklama Ekleme

Olayımız aslında basit, kategorilerde ürün görselinin altında görünecek kısa bir açıklama eklemek. Bu açıklama indirim olur, yönlendirme olabilir artık tamamen sizin ihtiyacınıza kalmış bir çalışma.

Screenshot 2025-03-08 at 20-49-54 Çelik ve VIP Bileklik Modelleri ve Fiyatları - Kaliteyi Uygun Fiyata Alın.png

Yukarıda verdiğim görseldeki gibi bir alan oluşturmak için temanızın functions.php dosyasının en altına aşağıda ki kodu ekliyoruz. 

function custom_product_text_in_category() {
    if (is_product_category()) { 
        echo '<div class="custom-category-text">SEPETTE %15 İNDİRİM</div>';
    }
}
add_action('woocommerce_after_shop_loop_item_title', 'custom_product_text_in_category', 10);

Daha sonra aşağıda ki stil kodunuda temanızın ek css alanına ekliyoruz.

.custom-category-text {
    background: #ff7eb8; 
    color: white; 
    font-size: 14px; 
    font-weight: bold; 
    text-align: center; 
    padding: 8px 0;
    border-radius: 0; 
    width: 100%; 
    display: block;
    margin-top: 5px; 
}

YEDEKSİZ İŞ YAPMAYIN
  (208.89 KB , 428x700 - Gösterim: %1$d 13 .)
Yukarı git Sayfa1

Benzer Konular (5)

Clicky