Atunci când un produs este indisponibil într-un magazin WooCommerce, este important să oferi clienților o experiență de navigare clară și informativă. WooCommerce, prin default, afișează un buton cu textul „Read more” pentru produsele care nu sunt în stoc. Însă, în anumite cazuri, poate fi util să schimbi acest text în unul mai specific, de exemplu „Indisponibil”, pentru a evita confuzia și a oferi utilizatorilor o informație mai relevantă.

Codul pentru schimbarea textului „Read more” pentru produsele indisponibile în WooCommerce

Pentru a face această modificare, vom folosi un simplu filtru în WooCommerce care modifică textul butonului „Read more” atunci când un produs nu este disponibil.

1. Adăugarea codului în fișierul functions.php

Pentru a implementa această modificare, urmează pașii de mai jos și adaugă codul în fișierul functions.php al temei tale active.

Vezi tutorialul pe YouTube

Accesează fișierul functions.php:

1. Mergi la Aspect > Editor de teme.
2. Selectează tema activă și deschide fișierul functions.php.
3. Adaugă următorul cod în fișier:

add_filter( 'woocommerce_product_add_to_cart_text', 'wpsh_rename_readmore', 10, 2 );
add_filter( 'woocommerce_product_single_add_to_cart_text', 'wpsh_rename_readmore', 10, 2 );

function wpsh_rename_readmore( $text, $product ) {
    if ( ! $product->is_in_stock() ) {           
        return 'Indisponibil';
    }
    return $text;
}

4. Salvează fișierul functions.php: După ce ai adăugat codul, apasă Save pentru a salva modificările.

Explicația codului:

• add_filter( 'woocommerce_product_add_to_cart_text', 'wpsh_rename_readmore', 10, 2 );
  • Adaugă un filtru personalizat pentru a modifica textul butonului „Add to Cart” (sau „Read more”) din WooCommerce.
• add_filter( 'woocommerce_product_single_add_to_cart_text', 'wpsh_rename_readmore', 10, 2 );
  • Aplică aceeași modificare și pe pagina produsului individual.
• if ( ! $product->is_in_stock() )
  • Verifică dacă produsul nu este în stoc.
• return 'Indisponibil';
  • Dacă produsul nu este în stoc, textul „Read more” este înlocuit cu „Indisponibil”.

2. Metoda alternativă: Adăugarea codului folosind pluginul Code Snippets

Dacă preferi să adaugi codul folosind pluginul Code Snippets, care îți permite să gestionezi mai ușor fragmentele de cod fără a modifica fișierele temei, urmează acești pași:

1. Instalează și activează pluginul Code Snippets

• Mergi la Pluginuri > Adaugă nou în panoul de administrare WordPress.
• Caută „Code Snippets” și apasă Instalare acum, apoi Activează.

2. Adaugă un nou snippet

• Mergi la Snippets > Adaugă nou.
• Adaugă același cod PHP pe care l-am furnizat mai sus în câmpul de cod.
• Apasă Save Changes and Activate pentru a salva și activa codul.

3. Personalizarea textului

Dacă dorești să personalizezi mesajul care apare în locul textului „Read more”, poți modifica textul returnat în funcția wpsh_rename_readmore. De exemplu, poți folosi un mesaj mai detaliat, cum ar fi:

return 'Stoc epuizat';
return 'Epuizat';
return 'Indisponibil';
return 'Indisponibil la producător';
return 'Acest produs nu este momentan în stoc. Te anunțăm când revine!';

Aceasta va ajuta utilizatorii să știe că produsul nu este doar „indisponibil”, dar și că vor fi informați atunci când va fi din nou disponibil.

Concluzie

Schimbarea textului „Read more” pentru produsele care nu sunt în stoc în WooCommerce este un mod simplu de a oferi o experiență de cumpărare mai clară și mai utilă pentru clienți. Prin utilizarea unui filtru personalizat, poți modifica rapid mesajul afișat pentru produsele indisponibile și poți personaliza această opțiune pentru a se potrivi cu stilul magazinului tău.

Acum știi cum să implementezi această modificare folosind două metode simple: fie direct în fișierul functions.php, fie prin pluginul Code Snippets, în funcție de preferințele tale.