Woocommerce Ürün Sayfasına Ekstra Detay Ekleme

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...

Başlatan: Kerem - Güncelleme: 09 Kasım 2024, 09:08:41 - Gösterim: 123

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

09 Kasım 2024, 09:08:41 Son düzenlenme: 09 Kasım 2024, 09:10:14 Kerem
Woocommerce Ürün Sayfasına Ekstra Detay Ekleme


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;
}

SONUÇLAR
Masa Üstü

Screenshot 2024-11-09 at 08-57-49 Çiçek Tasarım Küpe - Kaliteli Çelik Takı ve Aksesuar.png
Mobil Cihazlar
Screenshot 2024-11-09 at 08-58-08 Çiçek Tasarım Küpe - Kaliteli Çelik Takı ve Aksesuar.png
  (244.72 KB , 1618x513 - Gösterim: %1$d 31 .)
  (78.85 KB , 455x600 - Gösterim: %1$d 31 .)
Kerem imza


Deli tarafıma denk gelmeyin, zira orada ben bile hükümsüzüm...

Benzer Konular (5)

Clicky