Co to są skróty WooCommerce

Skróty WooCommerce mogą być nieznane niektórym użytkownikom. Nawet jeśli masz sklep WooCommerce, może to być funkcja, której wcześniej nie widziałeś i nie zdajesz sobie sprawy, jak korzystne może być posypywanie referencji produktów i kupowanie przycisków wezwania do działania w Twojej witrynie.

Ten artykuł będzie kompletnym przewodnikiem po skrótach WooCommerce .

Skróty WooCommerce

Skróty WooCommerce pozwalają wyświetlać dane z Twojego sklepu w nowatorski i angażujący sposób. WooCommerce ma fabrycznie załadowane skróty, a możesz dodać więcej, instalując wtyczki.

Krótkie kody WooCommerce to małe fragmenty kodu, których można używać w dowolnym miejscu w witrynie, aby wyświetlać produkty WooCommerce lub wezwania do działania, takie jak przyciski „Kup teraz” . Istnieje wiele zastosowań dla nich i zamierzaliśmy zawrzeć kilka doskonałych przykładów bezpośrednio w naszym motywie Shoptimizer WooCommerce . Oczywiście powinny być również kompatybilne z dowolnym motywem, który zapewnia WooCommerce.

Powód, dla którego powinieneś używać skrótów WooCommerce

Shortcodes to prosty sposób na personalizację sklepu WooCommerce. Możesz zbudować dowolną witrynę eCommerce, wklejając krótki kod.

Ty kontrolujesz, jakie towary są wyświetlane, jak są ułożone i ile pojawia się na każdej stronie. Możesz również dołączyć przyciski Dodaj do koszyka w strategicznych miejscach, takich jak zakończenie postów.

Działanie skrótów WooCommerce

Chociaż wydają się być proste, skróty są dość potężne! Przyjrzyjmy się różnym komponentom krótkiego kodu.

Krótki kod

Skróty WooCommerce to pojedyncze słowa lub grupy słów połączone podkreśleniami, takie jak:

• [produkty]
• [woocommerce_order_tracking]

Podczas gdy niektóre skróty mogą być używane bez żadnych parametrów, niektóre tak. Przyjrzyjmy się parametrom WooCommerce dla krótkich kodów.

Parametry

Parametry lub argumenty to dodatkowe wiersze, które czynią działanie shortcode bardziej precyzyjnym. Większość skrótów WooCommerce, ale nie wszystkie, wykorzystuje parametry.

Lista skrótów WooCommerce

Rzućmy okiem na niektóre z najważniejszych skrótów WooCommerce.

[woocommerce_cart]

Funkcja koszyka WooCommerce jest dodawana do strony za pomocą tego krótkiego kodu. Innymi słowy, pokaże wszystkie towary, które klient umieścił w swoim koszyku. Ten krótki kod nie ma żadnych parametrów.

[woocommerce_checkout]

Ten krótki kod wyświetla stronę kasy. Ponieważ jest to niezbędny element Twojej organizacji, upewnij się, że strona jest poprawnie skonfigurowana. W końcu, jeśli konsument nie może znaleźć kasy, nie kupi niczego.

Nie ma żadnych dodatkowych ustawień dla strony kasy, jak w przypadku [koszyka woocommerce] .

[woocommerce_my_account]

Ta wyświetla stronę Moje konto, która zawiera wszystkie informacje o klientach i wcześniejsze zamówienia z Twojej firmy. Liczba zamówień pokazywanych domyślnie jest ustawiona na 15. Zmieniając liczbę na -1, możesz wymusić wyświetlanie wszystkich zamówień.

[woocommerce_order_tracking]

Ten krótki kod generuje stronę „śledzenia zamówień” , umożliwiając konsumentom przeglądanie aktualnego statusu ich zamówień. Nie ma dalszych ograniczeń.

[produkty]

Następna na naszej liście jest shortcode [products], jeden z najpotężniejszych i najczęściej używanych shortcodes WooCommerce. Jak można się spodziewać, pokazuje twoje przedmioty. Istnieje jednak kilka czynników, które można wykorzystać do modyfikacji rodzajów i ilości oferowanych przedmiotów.

Aby dodać parametr, wpisz jego nazwę w cudzysłowie, a następnie znak równości i żądaną wartość. Upewnij się, że znajduje się on w skróconym kodzie [productss] .

Dostosuj układ za pomocą skrótów WooCommerce

Kilka ustawień pozwala modyfikować układ stron produktów.

1. kolumna

Ta opcja określa liczbę kolumn. Domyślnie jest ustawiony na 4, jednak na urządzeniach mobilnych zwykle zmniejsza się do mniejszej liczby.

Na przykład: [kolumny produktów=”3”]

2. zamówienie

Kontroluje to, czy kolejność będzie rosnąca (ASC), czy malejąca (DESC) w zależności od ustawienia orderby . Domyślnie jest ustawiony na ASC.

F lub Przykład: [zamówienie produktów=”ASC”]

3. zamów przez

Ten parametr zapewnia wiele możliwości dostosowania sposobu rozmieszczenia towarów. Domyślnie zostaną posortowane według tytułu produktu.

Możesz uwzględnić kilka opcji, oddzielając je pojedynczą spacją.

• data: To porządkuje towary na podstawie daty publikacji (najpierw nowy)
• id: ta opcja zamawia towary na podstawie ich identyfikatora postu
• Kolejność menu: Spowoduje to zamówienie towarów zgodnie z kolejnością menu (najpierw niższe numery)
• popularność: towar będzie zamawiany na podstawie ilości zakupów (najpierw większość)
• rand: Pokazuje towary w losowej kolejności. Witryny korzystające z wtyczek pamięci podręcznej mogą mieć problemy.
• ocena: Spowoduje to posortowanie towarów według ich średniej oceny, od najwyższej do najniższej.

Na przykład: [zamówienie produktów według=”data”]

4. klasa

Dodaje to do elementu klasę opakowującą HTML, co pozwala na stylizowanie go za pomocą CSS.

Na przykład: [products class="custom-element"]

Naucz się rozwiązywania problemów ze skrótami

Przyjrzyjmy się niektórym z najczęstszych trudności, które uniemożliwiają działanie skrótów.

Krótki kod znajduje się między tagami < pre >

Dodając krótki kod do witryny, upewnij się, że nie znajduje się on w tagach <pre>, które mają na celu pokazanie (a nie wykonanie) kodu.

Cudzysłów są zakrzywione, a nie proste

Innym typowym błędem jest sytuacja, gdy cudzysłowy (używane z parametrami) są ustawione pod kątem lub „zakręcone”, a nie proste. Kręcone cudzysłowy nie będą działać z parametrami.

Podsumować

To wszystko, mamy nadzieję, że dowiedziałeś się wszystkiego o prostych krokach do usuwania złośliwego oprogramowania WordPress oraz o gościu, który poprosił nas o napisanie artykułu na temat prostych kroków do usuwania złośliwego oprogramowania WordPress . mamy na ten temat dedykowany artykuł.

Próbując powtórzyć naszą dyskusję, oto kilka kluczowych punktów:

• Skróty WooCommerce
• Powód, dla którego powinieneś używać skrótów WooCommerce
• Działanie skrótów WooCommerce
• Lista skrótów WooCommerce
• Dostosuj układ za pomocą skrótów WooCommerce
• Naucz się rozwiązywania problemów ze skrótami

Jeśli podobał Ci się ten post, zasubskrybuj nasze samouczki wideo WordPress na kanale YouTube . Pamiętaj, aby śledzić nas na Pintereście.

Przyjmujemy wszelkiego rodzaju sugestie gości, ponieważ nieustannie motywują nas do poprawy. Zapraszam do komentowania poniżej.