Większa część wpisów w kategorii WooCommerce to krótkie poradniki w stylu “jak zrobić…“, “jak usunąć…“, a to wszystko dlatego, że domyślny widok sklepu WooCommerce pozostawia wiele do życzenia, jeśli chcemy posiadać unikalny motyw sklepu WC to należy go odpowiednio zoptymalizować.
W jednym z wpisów na Facebooku zapowiadałem, że niebawem pojawi się na wp-lab.pl obszerny instruktażowy wpis na temat integracji systemu do rezerwacji pobytu w hotelu/pensjonacie/agroturystyce z WordPressem, WooCommerce oraz płatnościami online PayU. A to wszystko w ramach współpracy z TemplateMonster.
I właśnie w trakcie prac nad projektem, na którym będzie to wszystko wspólnie funkcjonować wprowadzamy mnóstwo zmian, filtrów, dzięki, którym system będzie spełniać oczekiwania klienta. Patrząc w przyszłość wiem, że warto niektóre z wprowadzanych zmian “zanotować” i dodać na wp-lab.pl, żeby za 3 miesiące, rok móc ze spokojem wrócić do gotowego i wypracowanego rozwiązania.
Jednym z nich jest usuwanie (ukrywanie) niepotrzebnych kolumn w tabeli w koszyku.
Jak usunąć którąś z kolumn z tabeli w koszyku?
System do składania rezerwacji korzysta z bramek płatniczych dodanych w WooCommerce, dlatego też w trakcie składania, a raczej potwierdzania zamówienia w koszyku WooCommerce pojawia się nowy produkt i tabela w koszyku wygląda tak jak poniżej:
System do rezerwacji nie potrzebuje produktów WooCommerce (de facto w projekcie dodany będzie tylko 1 produkt, dzięki któremu całość jest ze sobą powiązana i system do rezerwowania może korzystać z płatności WooCommerce), ponieważ korzysta ze swojego typu wpisów “obiekty”, dlatego też w koszyku kolumny odpowiedzialna za wyświetlanie miniatur oraz ilości są puste.
Za pomocą poniższego kodu ukryjemy niepotrzebne kolumny. Wklej kod do arkuszu stylów w swoim motywie potomnym:
.woocommerce-cart table.cart td:nth-of-type(2),
.woocommerce-cart table.cart th:nth-of-type(2),
.woocommerce-cart table.cart td:nth-of-type(5),
.woocommerce-cart table.cart th:nth-of-type(5) {
display: none;
}Obrazując powyższy kod: ukrywamy drugą oraz piątą kolumnę w tabeli na podstronie “woocommerce-cart”. Oczywiście w miejsce (2) / (5) możesz wstawić inne liczby i w ten sposób ukryjesz swoje kolumny.
Po zapisaniu zmian, tabela wygląda następująco:
Prawda, ze o wiele przejrzyściej? A wy jakie macie sposoby na niepotrzebne kolumny?
