Как да показваме цени в лева и евро едновременно в WordPress / WooCommerce сайт

С влизането на България в чакалнята на еврозоната и с увеличените изисквания за прозрачност към онлайн търговците, много собственици на онлайн магазини се питат:

Как мога да покажа цените едновременно в лева и евро в моя WordPress сайт с WooCommerce?

В тази статия ще ти покажа най-лесния начин да го направиш – без плъгини, само с малко код, който се добавя веднъж и започва да работи навсякъде.

🔧 Добавяне на евро цена към продуктите (в продуктовите страници и категориите)

Влез в WordPress админ панела
Отиди на Външен вид → Редактор на файлове (или Theme File Editor)
Отвори файла functions.php на активната тема (най-долу в списъка вдясно)
Копирай и постави следния код в самия край на файла:

add_filter('woocommerce_get_price_html', 'add_euro_price_to_product', 100, 2);
function add_euro_price_to_product($price, $product) {
    $exchange_rate = 1.95583; // фиксиран курс BGN към EUR
    $price_num = floatval($product->get_price());
    if ($price_num > 0) {
        $price_eur = number_format($price_num / $exchange_rate, 2, '.', '');
        $price .= ' <span style="color:#666; font-size:90%;">(' . $price_eur . ' €)</span>';
    }
    return $price;
}

📌 С този код цената ще изглежда така: 24.90 лв. (12.73 €)

🛒 Добавяне на евро цена и в количката и на Checkout страницата

За да се показва евро и при поръчка, добави и този код (също във functions.php, под предишния):

add_action('wp_footer', 'add_euro_to_cart_and_checkout');
function add_euro_to_cart_and_checkout() {
    if (is_cart() || is_checkout()) { ?>
        <script>
        document.addEventListener("DOMContentLoaded", function () {
            const rate = 1.95583;
            document.querySelectorAll('.woocommerce-Price-amount').forEach(el => {
                if (!el.classList.contains('euro-added')) {
                    let text = el.textContent.replace(/[^\d,\.]/g, '').replace(',', '.');
                    let bgn = parseFloat(text);
                    if (!isNaN(bgn)) {
                        let eur = (bgn / rate).toFixed(2);
                        let span = document.createElement("span");
                        span.className = "euro-added";
                        span.style = "color:#666; font-size:90%; margin-left:6px;";
                        span.textContent = `(${eur} €)`;
                        el.appendChild(span);
                    }
                }
            });
        });
        </script>
    <?php }
}

💡 След това, в количката и на страницата за плащане, клиентите ще виждат и еквивалент в евро под всяка цена.

❗ Ако темата ти използва нестандартни класове

Понякога темите или плъгините за продуктови добавки (като PPOM) използват различни HTML елементи. В такъв случай може да се наложи малка адаптация на кода, за да се насочи към правилния CSS клас.

Пример: ако цената е в елемент с клас .ppom-price, трябва да използваш друг JavaScript. Ако не знаеш как, попитай програмист или остави коментар под статията — ще помогнем.

✅ Заключение

Показването на цените едновременно в лева и евро е полезно за клиентите, носи допълнителна яснота и е добра подготовка за бъдещо преминаване към еврото.

С горния код можеш да го постигнеш бързо, лесно и без плъгини.

Ако тази статия ти е помогнала — сподели я с колеги търговци!