Co pewien czas słyszę takie pytanie od swoich Klientów i Kursantów. Chce zmienić napis na przycisku DODAJ DO KOSZYKA, jak to zrobić? Dziś także pojawiło się na HelloWP – Tomek pozdrawiam 🙂 – Uznałem więc, że czas o tym napisać.

W praktyce nie jest to nic skomplikowanego, ale czasem niepotrzebnie kombinujemy, np. zmieniając tekst w tłumaczeniach WooCommerce, co w konsekwencji nadpisuje go przy najbliższej aktualizacji. Czasem próbujemy zrobić to modyfikując szablon, ale nie robimy tego z wykorzystaniem motywu potomnego, więc… znowu klapa. Poniżej dwa przykłady trwałej modyfikacji odpornej na aktualizacje 🙂

Własny tekst na przycisku dodawania do koszyka w motywie potomnym

O motywie potomnym jest lekcja w ramach Kursu WordPress, więc nie będę tego wątku omawiał w szczegółach. Warto wiedzieć, że motyw potomny bywa bardzo pomocny.

Można do motywu przerzucić szablony WooCommerce, ale w tym prostym przypadku nie ma to najmniejszego sensu. Po pewnym czasie i tak szablon będzie wymagał aktualizacji. W końcu WooCommerce szybko się zmienia 🙂 Wykorzystaj w motywie potomnym plik functions.php.

Po prostu otwórz go w dowolnym edytorze, może to być także wewnętrzny edytor motywu w kokpicie WordPress i wprowadź poniższy zapis, podmieniając Tekst Przycisku na to co chcesz:

// Zmiana tekstu dodawania do koszyka na stronie pojedynczego produktu
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woocommerce_custom_single_add_to_cart_text' ); 
function woocommerce_custom_single_add_to_cart_text() {
    return __( 'Tekst Przycisku', 'woocommerce' ); 
}

// Zmiana tekstu dodawania do koszyka na stronie archiwów produktów
add_filter( 'woocommerce_product_add_to_cart_text', 'woocommerce_custom_product_add_to_cart_text' );  
function woocommerce_custom_product_add_to_cart_text() {
    return __( 'Tekst Przycisku', 'woocommerce' );
}

Zapisz zmiany i efekt powinien być widoczny gdy zajrzysz na front swojego sklepu (lista produktów, pojedynczy produkt).

A co jeśli nie masz motywu potomnego? Najlepiej go zainstaluj, bo nigdy nie wiadomo kiedy może się jeszcze przydać. Zazwyczaj twórca motywu udostępnia jego wersję potomną. Poszukaj na stronie motywu informacji na ten temat.

Własny przycisk Dodaj do Koszyka z wykorzystaniem wtyczki

Nie lubię natłoku wtyczek dlatego zawsze powtarzam, że im ich mniej tym lepiej. Jeśli jednak z jakiegoś powodu nie wchodzi w grę praca z motywem potomnym możesz wesprzeć się wtyczką.

Code Snippets

Wtyczka Code Snippets. Przy jej pomocy zmienisz napis na przycisku do koszyka

Przy pomocy tej wtyczki wykorzystasz kod, który podałem wcześniej i także przy jego pomocy zmienisz napis na przycisku. Czytaj dalej, zobaczysz jak 🙂

Tak wygląda, czy może raczej taką ma treść przycisk na stronie archiwum (lista produktów) i na stronie pojedynczego produktu.

Przykład produktu na liście archiwum przed zmianą
Przykład produktu przed zmianą przycisku

Zmieńmy to. Po zainstalowaniu wtyczki Code Snippets przejdź do niej i dodaj nowy fragment kodu.

Dodawanie fragmentu kody

Wprowadź dowolną nazwę. Chodzi o to żebyś potem szybko zidentyfikował ten kod na liście innych, które być może dodasz w przyszłości. Następnie wklej wcześniej podany kod do pola treści i opublikuj. To wszystko 🙂

Dodany fragment kodu do zmiany napisu na przycisku

Efekt w moim przypadku jest taki:

Przykład produktu na liście archiwum po zmianie
Przykład strony produktu po zmianie napisu na przycisku

Podsumowanie

Zmiana tekstu na przycisku dodania do koszyka jest jest dość prosta. Wystarczy, że wykorzystasz powyższy opis i po kilku minutach modyfikacja zagości na stronach Twojego sklepu. Zdarzają się motywy, które w ustawieniach dla WooCommerce pozwalają zmienić tekst przycisku dlatego w pierwszej kolejności sprawdź tę ścieżkę. Dopiero gdy masz pewność, że nie można tego zrobić wówczas użyj zaprezentowanego przepisu.

To oczywiście nie są jedyne sposoby, ale ze swojej strony je właśnie rekomenduję. W sytuacji gdy uznasz, że potrzeba czegoś innego możesz poszukać wtyczek, np: Custom Add to Cart Button Label and Link, gdzie oprócz samego napisu na przycisku możesz też modyfikować jego link.

Udostępnij

Zobacz również

WordPress 5.8

WordPress 5.8 – edytor szablonów

Dokładnie za miesiąc, czyli 20 lipca będziemy mogli korzystać z najnowszej wersji mojego ulubionego systemu CMS WordPress 5.8. To będzie znaczący update niosący ze sobą

Bezpłatne informacje o nowościach JZS

Zapraszam Cię do grona Subskrybentów! Tysiące Czytelników już subskrybuje wiadomości z JZS.

W każdej chwili możesz zrezygnować z subskrypcji. Twój adres jest tu bezpieczny.

Polecane Oferty LifeTime!

Gravitec
Gravitec

Wykorzystaj powiadomienia WebPush, aby zwiększyć ruch i sprzedaż

ADYOUNEED LTD
ADYOUNEED

Tworzenie, zarządzanie i optymalizacja reklamami Google, Facebook, TikTok czy LinkedIn...

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.