Bloki WooCommerce: kompletny przewodnik

Bloki WooCommerce zapewniają wiele opcji prezentacji Twoich produktów. Podczas instalacji do edytora bloków dodanych jest obecnie 20 bloków WooCommerce. Jeszcze więcej bloków i nowych funkcji jest dostępnych we wtyczce WooCommerce blocks, która testuje nowe bloki i funkcje, aby dodać je do rdzenia WooCommerce. W tym artykule przedstawimy krótki przegląd każdego bloku i jego możliwości.

Bloki WooCommerce w rdzeniu WooCommerce

Wyszukiwanie Woo w edytorze bloków ujawnia 20 bloków WooCommerce. Te bloki są już wbudowane podczas instalacji WooCommerce. Można je również znaleźć, przewijając na dół listy bloków w edytorze.

Najechanie kursorem na większość bloków pokazuje podgląd tego, jak będzie wyglądać w Twojej witrynie. Każdy z tych bloków zapewnia unikalny widok produktów WooCommerce. Przyjrzyjmy się bliżej każdemu z bloków. Pokażę, jak to wygląda na stronie i podświetlę podgląd, jeśli jest dostępny. Wspomnę również o wszelkich unikalnych Ustawieniach.

Aktywne Filtry Produktów

Ten pokazuje filtry dla aktualnie aktywnego produktu. Wyświetla je jako listę lub jako żetony (podobnie jak przyciski). Wybierz poziom nagłówka. Działa ze wszystkimi produktami i filtruje bloki WooCommerce.

Wszystkie Produkty

Ten wyświetla wszystkie produkty w Twoim sklepie. Obejmuje Sortowanie i paginację. Wyrównaj go z ostatnim blokiem i pokaż listę rozwijaną sortowania. Ten nie zapewnia podglądu po dodaniu go do strony.

Wszystkie Recenzje

Ten blok wyświetla pełną listę wszystkich recenzji produktów. Pokazuje miniaturę recenzenta, produkt, ocenę gwiazdek i recenzję. Możesz je sortować, wybrać zawartość, która będzie wyświetlana, wybrać typ obrazu i dostosować ustawienia listy.

Najlepiej Sprzedające Się Produkty

Ten blok wyświetla siatkę z najlepiej sprzedającymi się produktami wszech czasów. Możesz wyrównać go z ostatnim blokiem. Dodaj elementy zawartości, w tym przycisk tytuł, cena, Ocena i dodaj do koszyka. Możesz także ustawić opcje filtrowania.

Wyróżniona Kategoria

Ten pokazuje wszystkie produkty z określonego ckategoria, którą chcesz skonfigurować jako polecaną kategorię. Wybierz kategorię z listy. Możesz wybrać tylko jeden.

Polecany Produkt

Ten wyświetla określony produkt wybrany z listy, co pozwala wyróżnić produkt.

Filtruj produkty według atrybutów

Ten dodaje filtr, dzięki czemu użytkownicy mogą filtrować produkty na podstawie atrybutów produktu. Możesz wybrać atrybuty, takie jak kolor i rozmiar, z listy. Wyświetl jako listę lub rozwijaną. Ustawia typ zapytania pomiędzy i / lub. Dołącz liczbę produktów, wybierz poziom nagłówka, Dodaj przycisk i wybierz filtry.

Filtruj produkty według ceny

Ten blok dodaje filtr, który pozwala użytkownikom wybrać Ceny, których szukają. Przedział cenowy mogą być edytowalne przyciski lub tekst. Możesz dodać przycisk, jeśli chcesz i ustawić poziom nagłówka. Ten nie zapewnia podglądu po dodaniu go do strony.

Filtruj produkty według zapasów

Ten pozwala użytkownikom pokazać produkty na podstawie stanu zapasów. Mogą wybierać między zapasami, zapasami i zamówieniami oczekującymi. Pokaż liczbę produktów, wybierz poziom nagłówka i Dodaj przycisk. Możesz go używać z innymi blokami WooCommerce, takimi jak blok wszystkie produkty. Nie pokazuje podglądu, jeśli został dodany do strony.

Ręcznie Dobrane Produkty

Ten blok pozwala wybrać określone produkty, które blok wyświetla. Wybierz tyle, ile chcesz. Możesz wybrać elementy zawartości, które będą wyświetlane, w tym przycisk tytuł, cena, Ocena i dodaj do koszyka. Posiada również opcję wyrównania przycisków i ustawia kolejność i opcje filtrowania.

Najnowsze Produkty

Ten blok wyświetla wszystkie najnowsze produkty w siatce. Wyrównaj go z ostatnim blokiem i dodaj elementy zawartości, takie jak tytuł, cena, Ocena i przycisk Dodaj do koszyka. Możesz także ustawić opcje filtrowania.

Produkty W Sprzedaży

Ten blok wyświetla siatkę ze wszystkimi Twoimi produktami, które są w sprzedaży. Wybierz, aby wyświetlić tytuł, cenę, ocenę i przycisk Dodaj do koszyka. Możesz wyrównać go z ostatnim blokiem. Zawiera również opcje kolejności i filtrowania.

Lista Kategorii Produktów

Ten wyświetla listę Twoje Kategorie. Wyświetla je jako listę w zarysie lub jako rozwijane menu. Pokaż liczbę produktów, obrazy, hierarchię i puste kategorie.

Wyszukiwanie Produktów

Jest to jeden z bardziej unikalnych bloków WooCommerce. dodaje pole wyszukiwania do strony, gdzie klienci mogą wprowadzać słowa kluczowe do wyszukiwania produktów. Pokaż lub ukryj Etykietę pola.

Produkty według atrybutów

Ten wyświetla siatkę produktów na podstawie atrybutów wybranych z listy. Atrybuty obejmują rozmiar, kolor itp. Wyrównaj go z ostatnim blokiem, wybierz elementy zawartości, które będą wyświetlane, i ustaw filtr i kolejność według opcji.

Produkty wg kategorii

Ten wyświetla siatkę produktów z wybranych kategorii. Wybierz dowolną liczbę kategorii. Dodaj elementy zawartości, w tym przycisk tytuł, cena, Ocena i dodaj do koszyka. Możesz również wyrównać go z ostatnim blokiem i ustawić opcje zamówienia.

Produkty wg tagów

Ten wyświetla siatkę produktów ze znaczników wybranych z listy. Wybierz dowolną liczbę tagów. Wybierz elementy zawartości, które będą wyświetlane za pomocą przycisku tytuł, cena, Ocena i dodaj do koszyka. Wyrównaj do ostatniego bloku i wybierz kolejność według opcji.

Recenzje wg produktu

Ten pokazuje wszystkie recenzje konkretnego produktu, który wybierzesz z listy.

Recenzje wg kategorii

Ten blok pokazuje wszystkie recenzje produktów na podstawie kategorii wybranej z listy. Wybierz elementy zawartości, które będą wyświetlane. Dodaj tytuł, cenę, ocenę i przycisk Dodaj do koszyka.

Najwyżej Oceniane Produkty

Ten wyświetla siatkę ze wszystkimi najwyżej ocenionymi produktami. Wybierz elementy zawartości do wyświetlenia, w tym przycisk tytuł, cena, Ocena i dodaj do koszyka oraz filtruj kategorie.

WooCommerce Blokuje Wtyczkę

Na WooCommerce blokuje wtyczkę dodaje jeszcze więcej funkcji do bloków w WordPress i dodaje dwa nowe bloki. Dwa nowe bloki zawierają informację o zgodności, wskazującą, że mogą wystąpić problemy ze zgodnością z innymi rozszerzeniami i integracjami. Zawierają link w swoich ustawieniach wtutaj możesz przekazać opinię na temat bloku.

Celem tej wtyczki jest testowanie nowych bloków i funkcji. Gdy bloki i funkcje staną się stabilne, zostaną połączone w rdzeń WooCommerce. Będziesz chciał być ostrożny przy użyciu tej wtyczki w swojej witrynie NA ŻYWO.

Koszyk

Ten blok dodaje Twój koszyk do strony. Możesz dołączyć Kalkulator stawek wysyłki, wybrać link do przycisku realizacji zakupu i ustawić go w trybie ciemnym. Zawiera powiadomienie, że możesz ustawić stronę jako domyślny koszyk w Ustawieniach WooCommerce. Zawiera również link zwrotny.

Kontakt

Ten blok zapewnia kasy dla koszyka. Zapewnia powiadomienie, że możesz ustawić tę stronę jako domyślną transakcję w Ustawieniach WooCommerce. Zawiera opcję trybu ciemnego. Składa się z kilku elementów, które można dostosować niezależnie. Ten nie zapewnia podglądu, jeśli dodałeś blok do swojej strony.

Nowe funkcje obecnych bloków WooCommerce

Trzy z obecnych bloków WooCommerce mają nowe lub różne funkcje:

Wszystkie recenzje-dodaje typografię i ustawienia kolorów. Wybierz spośród 7 wstępnie ustawionych rozmiarów czcionek lub dostosuj rozmiar. Kolory obejmują 10 ustawień wstępnych i opcję niestandardową.

Recenzje według produktów-dodaje tę samą typografię i ustawienia kolorów, co wszystkie recenzje. Ten wyświetla w pełnej szerokości i usuwa opcje blokowania i elementy zawartości.

Recenzje według kategorii-ta dodaje również ustawienia typografii i kolorów. Wyświetla również blok w pełnej szerokości i usuwa opcje bloku i elementy zawartości.

Koniec myśli o blokach WooCommerce

To nasze spojrzenie na bloki WooCommerce. Obejmuje to bloki 20 dostępne w podstawowym produkcie WooCommerce oraz nowe bloki i ustawienia 2 z wtyczki WooCommerce blocks add-on. Bloki WooCommerce to świetny sposób na zaprezentowanie twoich produktów. Są łatwe w użyciu i są świetnym sposobem dodawania produktów do dowolnej strony lub posta. W przyszłych artykułach omówimy bardziej szczegółowo każdy blok i zobaczymy, jak z niego korzystać.

Chcemy usłyszeć od ciebie. Czy używasz bloków WooCommerce w swojej witrynie WordPress? Dajcie nam znać w komentarzach.

Featured Image via aliaksei kruhlenia / shutterstock.com

Źródło