Strona produktu – jak zmienić kolejność elementów

| 9 komentarzy |

Na forum WordPress.org pojawiło się ostatnio pytanie o to jak zmienić kolejność wyświetlania krótkiego opisu produktu. Autor pytania w końcu doszedł do tego, żeby zmienić to w pliku /wp-content/woocommerce/includes/wc-template-hooks.php. Rozwiązanie zadziałało, ale nie jest to dobry pomysł, ponieważ przy aktualizacji WooCommerce ta zmiana zostanie nadpisana. W tym celu zostały stworzone szablony WooCommerce. Szablony możemy przekopiować do katalogu naszego motywu i możemy je edytować bez zagrożenia, że zostaną nadpisane przy aktualizacji WooCommerce.

Za wyświetlanie strony pojedynczego produktu odpowiada szablon content-single-product.php, a w nim możemy znaleźć poniższy kod:

Ten kod odpowiada za wyświetlanie poszczególnych elementów (w kolejności: tytułu, oceny, ceny, krótkiego opisu, przycisku dodaj do koszyka, meta produktu i opcji dzielenia się). Elementy są „wpięte” do akcji (dowiedz się więcej o akcjach) woocommerce_single_product_summary i mają przypisane priorytety pojawiania się.

Przykładowo woocommerce_template_single_title, czyli tytuł produktu jest wpięty z priorytetem 5 a woocommerce_template_single_excerpt, czyli krótki opis z priorytetem 20. W największym skrócie oznacza to, że krótki opis pojawi się pod tytułem (oraz jeszcze oceną i ceną, które też mają wyższy priorytet).

Jeśli chcemy zmienić kolejność elementu to najpierw musimy go „odpiąć” z obecnego miejsca, a następnie „wpiąć” w pożądane miejsce. Robimy to w następujący sposób (kod wklej najlepiej do pliku functions.php w katalogu swojego motywu):

Powyższy kod powoduje, że usuwamy krótki opis z priorytetem 20 i dodajemy z priorytetem 6, czyli pokaże się on zaraz pod tytułem produktu, który ma priorytet 5.

Ekskluzywne porady, triki i trendy bezpośrednio na Twoją skrzynkę odbiorczą. Adres e-mail

9 komentarzy

  • Właśnie te aktualizacje, zawsze niweczą zmiany w kodzie :) Dzięki poradę

  • Witaj Maćku,
    Szukałem takiego tematu od jakiegoś czasu , aż w końcu!
    Wszystko co napisałeś jest zgodne ( u mnie jest to samo/ te same wartości)
    ale skoro ocena produktu znajduję się (rating) pod nazwą (titel) to dlaczego występuje w zakładce:
    Opinie (chodzi mi o te 5 gwiazdek) obok Opisu/ Dodatkowe informacje. Prócz tego chciałbym usunąć prawy boczny pasek-ze sklepu i strony produktu- oczywiście mogę to zrobić ale pozostaje nadal pusty margines. Jak edytować ilość kolumn na sklepie/ wielkość prezentowanych zdjęć zamiast 4 chcę 3 szersze/ większe.
    Będę bardzo wdzięczny za podpowiedz

  • Hej Sławek,

    Trudno na to pytanie odpowiedzieć jednoznacznie i wyczerpująco, zwłaszcza, jeśli nie wiadomo z jakiego korzystasz motywu.

    Najprawdopodobniej oprócz zmian w PHP, będziesz również musiał zmodyfikować CSS.

    To już wychodzi poza krótką i prostą odpowiedź, dlatego proponuję, żebyś poszukał pomocy w grupie na FB: https://www.facebook.com/groups/WooCommercePL/

  • Tytuł :”Strona produktu – jak zmienić kolejność elementów”
    A piszesz o tym jak zmienić kolejność elementów w krótkim opisie. Fajnie by było gdybyś opisał, w jaki sposób dokonać zmiany kolejności elementów na stronie produktu. Np zmiana położenia krótkiego opisu pod miniaturkę i pokaz zdjąć produktów.

Comments are closed.

Ekskluzywne porady, triki i trendy bezpośrednio na Twoją skrzynkę odbiorczą. Adres e-mail