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

Kerem · 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

ForumSever

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

Kerem

08 Mart 2025, 20:48:48

Benzer Konular (5)

HAKKIMIZDA

ÖNEMLİ LİNKLER

İLETİŞİM