Domyślnie Woocommerce na stronie głównej sklepu wyświetla produkty jako siatkę. Do wyświetlenia produktu używa zdjęcia, tytułu i ceny. Po kliknięciu w produkt zostajemy przeniesieni na stronę produktu, gdzie dopiero tutaj możemy dokonać zakupu. Co w przypadku gdy chcemy, aby klient naszego sklepu mógł już dodać produkt do koszyka na poziomie listy produktów? Trzeba mu wyświetlić siatkę produktów wraz z przyciskiem „dodaj do koszyka”.

Cała operacja polega na edytowaniu pliku function.php dziecka naszego tematu graficznego i wklejeniu na końcu poniższego kodu. Pamiętajmy aby zrobić to przed  ?>

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 20 );