Dostępne warianty w widoku kategorii

Jedną z rzeczy, które mogą mocno zirytować klienta jest sytuacja, gdy wchodzi na stronę wybranego produktu, już ma zamiar go kupić a tu skucha – brak odpowiedniego rozmiaru lub koloru. Wkurzony, ze już się naklikał wychodzi ze sklepu – dokładnie jak w sklepie stacjonarnym. Dość ciekawym i prostym sposobem jaki kiedyś sobie umyśliłem i wdrożyłem jest pokazanie dostępnych wariantów już na stronie kategorii produktów. Takie rozwiązanie mamy w sklepie etraper.pl, gdzie zaraz za krótkim opisem produktu są umieszczone dostępne rozmiary.

Efekt ciekawy a wySTARCZY kilka linijek kodu – dlatego jestem STARCZYM PROGRAMISTĄ 🙂

Do sedna. Zabawimy się z akcją woocommerce_after_shop_loop_item – dzięki niej możemy sobie ‘wstrzyknąć’ kodzik w każdym produkcie wyświetlanym na stronie kategorii lub sklepu

add_action( 'woocommerce_after_shop_loop_item', 'pokaz_rozmiary', 9 );

No i lecimy. Dawno temu to pisałem więc dopiero teraz dotarło do mnie, że nazwanie funkcji ‘pokaż rozmiary’ może być niewłaściwie zrozumiane, ale to i tak nic w porównaniu z komentarzami większości programistów. Polecam podejrzeć np. kod kilku wtyczek kurierskich – niektórzy lubują się w zostawianiu śmieci typu alert(‘dupa’).

Dobra czas na naszą funkcję:

function pokaz_rozmiary() {
 global $product;
 $rozmiarowka = array();
 if ($product->product_type == 'variable') { //sprawdzamy czy produkt ma warianty
 $warianty = $product->get_available_variations(); //musimy pobrać tylko dostępne warianty
 foreach ($warianty as $wariant) {
 $atrybuty = $wariant['attributes'];
 foreach ($atrybuty as $atrybut){
 $rozmiarowka[] = $atrybut;
 }
 } 
 sort($rozmiarowka); // nie ufaj nigdy użytkownikowi i wordpresowi - programisto posortuj to sam
 echo '<div style="text-align:center; margin-bottom:5px; text-transform: uppercase;">';
 foreach ($rozmiarowka as $rozmiarek)
 {
 echo '<span style="background:#aaaaaa; color:#ffffff; padding:2px; margin:1px;">'.$rozmiarek.'</span>';
 //oczywiście tutaj powinniśmy zrobić sobie class na span i pomodzić jak nam się podoba ale chciałem żeby było w jednym miejscu
 } 
 echo '</div>';
 }
}

Pstryk i gotowe !! Jak ktoś ma dużo czasu to może sobie poszukać ile kosztują wtyczki, które to robią.