În WooCommerce, textul care indică disponibilitatea unui produs poate fi personalizat pentru a afișa informații suplimentare despre stocul produsului, cum ar fi stocul limitat sau ultimul produs disponibil. De asemenea, poate include și data și ora curentă pentru a adăuga un mesaj mai personalizat care informează clientul despre disponibilitatea produsului în timp real.

În acest articol, îți voi arăta cum să modifici textul disponibilității produsului în WooCommerce folosind două metode:

1. Adăugarea codului direct în fișierul functions.php al temei tale.
2. Folosirea pluginului Code Snippets pentru a adăuga și gestiona codul personalizat mai ușor.

Codul pentru a schimba textul disponibilității produsului în funcție de stoc

Pentru a personaliza mesajul disponibilității produsului, urmează codul PHP de mai jos. Acesta schimbă textul afișat pentru disponibilitatea produsului în funcție de cantitatea de stoc și include informații despre data și ora curentă.

Codul complet pentru funcția custom_change_stock_text:

<?php

function custom_change_stock_text( $availability, $product ) {
    if ( $product->managing_stock() && $product->is_in_stock() ) {
        $stock_quantity = $product->get_stock_quantity();
        date_default_timezone_set('Europe/Bucharest'); // Setăm fusul orar la București
        $current_date = date("d.m.Y"); // Obținem data curentă în formatul zi.lună.an
        $current_time = date("H:i"); // Obținem ora curentă în formatul oră:minut
        $calendar_symbol = '📅'; // Simbolul pentru calendar
        $clock_symbol = '⌚'; // Simbolul pentru ceas

        if ( $stock_quantity == 1 ) {
            $availability['availability'] = '<span style="color: red;">🔴 ' . __('Ultimul produs', 'woocommerce') . ' - ' . $calendar_symbol . ' ' . $current_date . ' ' . $clock_symbol . ' ' . $current_time . '</span>';
        } elseif ( $stock_quantity >= 2 && $stock_quantity <= 9 ) {
            $availability['availability'] = '<span style="color: orange;">🟠 ' . __('Stoc limitat', 'woocommerce') . ' - ' . $calendar_symbol . ' ' . $current_date . ' ' . $clock_symbol . ' ' . $current_time . '</span>';
        } elseif ( $stock_quantity >= 10 ) {
            $availability['availability'] = '<span style="color: green;">🟢 ' . __('Stoc suficient', 'woocommerce') . ' - ' . $calendar_symbol . ' ' . $current_date . ' ' . $clock_symbol . ' ' . $current_time . '</span>';
        }
    }
    return $availability;
}
add_filter( 'woocommerce_get_availability', 'custom_change_stock_text', 10, 2 );

Cum funcționează acest cod?

1. Verificarea stocului gestionat:
   • Funcția managing_stock() verifică dacă WooCommerce gestionează stocul pentru produsul respectiv.
   • is_in_stock() verifică dacă produsul este disponibil în stoc.
2. Obținerea cantității de stoc:
   • get_stock_quantity() obține cantitatea de produse aflate în stoc.
3. Setarea fusului orar:
   • date_default_timezone_set('Europe/Bucharest') setează fusul orar pentru a afișa corect ora și data în funcție de locația ta.
4. Generarea textului de disponibilitate:
   • În funcție de cantitatea de stoc:
     • Dacă există un singur produs în stoc, textul afișat va fi „Ultimul produs” și va fi colorat în roșu.
     • Dacă stocul este între 2 și 9 produse, textul afișat va fi „Stoc limitat” și va fi colorat în portocaliu.
     • Dacă există 10 sau mai multe produse, textul va fi „Stoc suficient” și va fi colorat în verde.
5. Adăugarea simbolurilor:
   • Calendar și ceas sunt adăugate pentru a afișa data și ora curentă, ceea ce face mesajul mai detaliat și informativ.
6. Modificarea textului disponibilității:
   • Codul modifică textul disponibilității produsului în pagina de produs, afișând informații clare și ușor de înțeles despre stocul disponibil și despre timpul curent.

Cum să implementezi acest cod în site-ul tău WooCommerce

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

Pentru a adăuga acest cod direct în tema ta, urmează acești pași:

1. Mergi la Aparanță > Editor de teme în panoul de administrare WordPress.
2. Alege tema activă și deschide fișierul functions.php.
3. Lipește codul de mai sus la sfârșitul fișierului functions.php.
4. Salvează modificările.

2. Utilizarea pluginului Code Snippets

Dacă nu vrei să editezi fișierul functions.php, poți utiliza pluginul Code Snippets pentru a adăuga codul într-un mod mai sigur și mai ușor de gestionat.

1. Instalează și activează pluginul Code Snippets:
   • Mergi la Plugins > Add New, caută „Code Snippets” și apasă Install Now.
   • După instalare, apasă Activate.
2. Adaugă un nou snippet:
   • Mergi la Snippets > Add New.
   • Adaugă titlul „Custom Stock Text” și lipește codul PHP în câmpul de cod.
   • Salvează și activează snippetul.

Personalizarea mesajului de disponibilitate

Acest cod este deja destul de personalizat, dar dacă vrei să adaugi mai multe detalii sau să schimbi culoarea și stilul textului, poți edita stilurile CSS din mesajul returnat. De exemplu, poți ajusta culorile sau adăuga un icon personalizat pentru fiecare stare a stocului.

Exemple de mesaje personalizate pentru stocuri diferite

• Ultimul produs în stoc: Mesajul „🔴 Ultimul produs” va fi afișat în roșu pentru a atrage atenția clientului că produsul este aproape epuizat.
• Stoc limitat: Dacă există între 2 și 9 produse, mesajul „🟠 Stoc limitat” va fi afișat în portocaliu.
• Stoc suficient: Dacă stocul este mai mare de 10 produse, mesajul „🟢 Stoc suficient” va fi afișat în verde.

Concluzie

Prin utilizarea acestui cod, îți poți personaliza mesajul de disponibilitate al produselor WooCommerce în funcție de cantitatea de stoc și poți adăuga informații suplimentare utile clienților tăi, precum data și ora curentă. Aceasta îmbunătățește experiența utilizatorului, oferind un feedback rapid despre stocuri și livrări. Poți implementa această funcționalitate fie prin modificarea directă a fișierului functions.php, fie folosind pluginul Code Snippets pentru o gestionare mai ușoară a codului personalizat.