Odznaki promocji, takie jak „SALE” czy „PROMOCJA”, to istotny element wizualny w sklepach internetowych opartych na WooCommerce. Przyciągają uwagę użytkownika i znacząco wpływają na współczynnik konwersji. Zdarza się jednak, że odznaki te przestają się wyświetlać – najczęściej po aktualizacji motywu, wtyczek lub samego WooCommerce. W tym artykule przyjrzymy się, dlaczego tak się dzieje, jak zdiagnozować źródło problemu oraz jak skutecznie przywrócić pełną funkcjonalność tej ważnej funkcji sprzedażowej.
Jak działają odznaki promocji w WooCommerce?
Domyślnie WooCommerce automatycznie wyświetla odznakę „SALE” na miniaturach produktów, które mają ustawioną cenę promocyjną (czyli „Cena promocyjna” < „Cena regularna”). Odznaka ta jest generowana przez szablon motywu, zazwyczaj w pliku content-product.php lub podobnym, za pomocą funkcji:
Jeśli z jakiegoś powodu ten fragment kodu zostanie usunięty lub nadpisany przez motyw potomny lub wtyczkę – odznaka przestaje się wyświetlać.
Najczęstsze przyczyny braku odznak promocyjnych
1. Niekompatybilny motyw graficzny
Motywy, szczególnie niestandardowe lub zakupione z marketplace’ów, często modyfikują domyślny sposób prezentacji produktów WooCommerce. W wyniku takich zmian odznaki mogą zostać ukryte lub całkowicie usunięte z kodu HTML.
Rozwiązanie: Sprawdź pliki szablonów w katalogu motywu (np. woocommerce/loop/sale-flash.php) i porównaj je z oryginałem z wtyczki WooCommerce. Możesz też tymczasowo przełączyć motyw na „Storefront” i sprawdzić, czy problem ustępuje.
2. Cache i minifikacja CSS
Wtyczki do optymalizacji (np. WP Rocket, Autoptimize) mogą powodować, że odznaki nie są poprawnie wyświetlane – szczególnie jeśli pliki CSS są łączone, opóźniane lub ładowane warunkowo.
Rozwiązanie: Wyczyść pamięć podręczną strony oraz przeglądarki. Wyłącz minifikację CSS i sprawdź, czy odznaki powracają.
3. Niestandardowe style CSS
Motyw lub inna wtyczka może zawierać reguły CSS ukrywające odznaki. Przykładowo:
.onsale { display: none; }
Rozwiązanie: Użyj narzędzi deweloperskich w przeglądarce (F12) i sprawdź, czy element .onsale w ogóle istnieje w DOM-ie. Jeśli tak, może być po prostu ukryty.
4. Konflikt z wtyczkami personalizującymi sklep
Niektóre wtyczki do personalizacji wyglądu sklepu lub edytory stron (np. Elementor, WPBakery) mogą nadpisywać pętlę WooCommerce i tym samym usuwać odznaki z szablonów produktowych.
Rozwiązanie: Wyłącz te wtyczki tymczasowo i sprawdź, czy problem ustąpi. Warto też poszukać ustawień odpowiadających za wyświetlanie oznaczeń „Sale”.
5. Brak ceny regularnej lub błędne dane produktu
Jeśli produkt nie ma ustawionej ceny regularnej lub promocja jest przeterminowana, WooCommerce nie wyświetli odznaki.
Rozwiązanie: Sprawdź w edytorze produktu, czy promocja jest aktywna i czy cena regularna została ustawiona poprawnie.
Jak przywrócić odznaki promocji?
Poprawne wstawienie znacznika odznaki
Jeśli Twój motyw nie zawiera funkcji generującej odznaki, możesz ją ręcznie przywrócić np. w pliku content-product.php:
<?php if ( $product->is_on_sale() ) { echo '<span class=”onsale”>’ . esc_html__( 'Sale!’, 'woocommerce’ ) . '</span>’; } ?>
Stylizacja odznak
Możesz dodać własne style CSS, aby dopasować odznaki do wyglądu sklepu:
.onsale { background-color: #ff4c4c; color: #fff; padding: 5px 10px; font-weight: bold; border-radius: 3px; position: absolute; top: 10px; left: 10px; z-index: 10; }
Zapobieganie problemom w przyszłości
- Regularne testy po aktualizacjach – sprawdzaj wygląd sklepu po każdej aktualizacji WooCommerce, motywu i wtyczek.
- Korzystanie z motywów zgodnych z WooCommerce – zawsze wybieraj motywy wspierane przez WooCommerce i posiadające aktualizacje.
- Backup przed zmianami – rób kopie zapasowe przed każdą modyfikacją plików motywu.
- Śledzenie błędów w konsoli przeglądarki – mogą pomóc w szybkim wykryciu przyczyny braku odznak.
Wnioski
Brak odznak promocji w WooCommerce to nie tylko kwestia estetyczna, ale też realny problem konwersji. Błędy wynikają najczęściej z ingerencji w szablony, konfliktów wtyczek lub niewłaściwej konfiguracji. Diagnostyka i naprawa wymagają doświadczenia oraz znajomości struktury WooCommerce. Jeśli nie masz czasu lub wiedzy, aby samodzielnie przywrócić funkcjonalność – skorzystaj z pomocy specjalistów WordPress/WooCommerce, którzy przywrócą odznaki bez ryzyka uszkodzenia sklepu.
