ForumSever WordPress

Pages: 1

Woocommerce Ürün Sayfasına Ekstra Detay Ekleme By: Kerem Date: 09 Kasım 2024, 09:08:41
Aşağıda vereceğim değişiklik woocommerce ile oluşturulmuş e ticaret sitelerinde tekil ürün sayfasında ürün fiyatının hmen altına ektra detay eklemenizi sağlayacak. Ben bu detayı 3 al 2 öde kampanyasını duyurmak maksadıyla kullandım ama siz istediğiniz gibi düzenleyip kullanabilirsiniz. Örnek görselleri konunun en sonuna ekliyorum. Değişiklik yapmadan önce yedek almayı unutmayın.


Temanızın functions.php dosyasının sonuna aşağıdaki kodu ekleyin ve kaydedin.

add_filter('woocommerce_get_price_html', 'add_discount_text_below_price_html', 10, 2);

function add_discount_text_below_price_html($price, $product) {
    if (is_product()) { // Sadece ürün sayfasında göster
        $discount_text = '<div class="discount-text">Tüm Ürünlerde 3 AL 2 ÖDE</div>';
        return $price . $discount_text;
    }
    return $price;
}

Temanızın özel css / ek css alanına aşağıda ki kodu ekleyin ve kaydedin.

.discount-text {
    border: 2px solid red;
    color: red;
    padding: 8px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    border-radius: 5px;
}

---

Webtiryaki Archive by Webmaster Forum