WooCommerce 3.0 przynosi ulepszoną galerię produktów, smakołyki dla programistów i nie tylko

Trudno uwierzyć, że od naszej ostatniej dużej wersji WooCommerce minęło tak dużo czasu, ale czasami warto czekać na dobre rzeczy.

Dziś z dumą przedstawiamy wersję WooCommerce 3.0 , która zawiera:

• Zaktualizowana galeria produktów z nowym powiększeniem, widokiem galerii i funkcjami mobilnymi
• Wiele ulepszeń szybkości i wydajności
• Dodanie klas CRUD
• Nowy CLI zasilany przez REST API

To kilka ważnych dodatków, a w Bionicznym Motylu jest jeszcze więcej do odkrycia, więc przejdźmy do rzeczy!

Pochwal się zdjęciami swoich produktów w odnowionej galerii

Od czasu wydania 2.6 zeszłego roku mówimy o przebudowie galerii na stronach poszczególnych produktów. Od dawna nie byliśmy zadowoleni z funkcjonalności galerii — zwłaszcza na urządzeniach mobilnych i mniejszych ekranach — i poczuliśmy, że nadszedł czas na zmiany.

Po wzięciu udziału w ankiecie i przeprowadzeniu wewnętrznych testów w końcu wymyśliliśmy nową galerię, która ma więcej funkcji, jest znacznie bardziej przyjazna dla urządzeń mobilnych i bardziej intuicyjna niż poprzednia iteracja.

Oto krótki film z galerii w akcji:

W odświeżonej galerii, która pojawi się na poszczególnych stronach produktowych, znajdziecie:

• Kupujący mogą teraz zarówno powiększać obrazy ze strony, jak i powiększać je z wyskakującego okienka lightbox
• Jeśli masz więcej niż jeden obraz, zachowanie galerii jest bardziej intuicyjne ; na przykład kliknięcie miniatury aktualizuje obraz, który już oglądasz, zamiast otwierania wyskakującego okna lightbox
• Znaczne ulepszenia widoków galerii mobilnych, w tym gesty dotykowe : przesuń palcem, aby przewinąć galerię, zsuń palce, aby powiększyć i przesuń palcem w górę, aby zamknąć bieżący obraz
• Powiększanie obrazu produktu na urządzeniu mobilnym wyświetla teraz prawdziwy rozmiar obrazu — wcześniej skalował się do (bardzo małego) okna przeglądarki, co nie było idealnym doświadczeniem!

Uważamy, że te ulepszenia przyspieszają i ułatwiają klientom przeglądanie zdjęć Twoich produktów, zwłaszcza na urządzeniach mobilnych, oraz dają im możliwość powiększania i wyświetlania tych drobnych szczegółów. Jeśli jeszcze tego nie zrobiłeś, teraz jest idealny czas, aby upewnić się, że masz wiele zdjęć produktów dla wszystkich swoich produktów!

Możesz przeczytać więcej o galerii tutaj, a także dowiedzieć się, co może być konieczne do aktualizacji w celu zapewnienia zgodności, jeśli jesteś programistą motywów.

Uważaj na poprawę wydajności, zwłaszcza w większych sklepach

Nieustannie pracujemy nad tym, aby WooCommerce było szybsze i wydajniejsze, a ta aktualizacja nie jest inna. W wersji 3.0 wprowadziliśmy kilka znaczących ulepszeń wydajności, które najprawdopodobniej zauważysz, jeśli masz większy sklep (w szczególności z kilkoma setkami produktów lub wieloma różnymi odmianami).

Chcielibyśmy zwrócić uwagę na dwa z konkretnych ulepszeń:

• Używamy teraz taksonomii do określania i wyświetlania widoczności produktów, polecanych produktów i produktów niedostępnych w magazynie zamiast wolniejszej meta postu, oraz
• Zmniejszyliśmy liczbę zapytań o produkty dodatkowe i powiązane produkty na stronach produktów i koszyka.

Ale to tylko próbka ulepszeń, które wprowadziliśmy. Cała lista jest dostępna w oryginalnym poście o wydaniu wersji beta, jeśli jesteś ciekawy. Ale najważniejszą rzeczą, którą musisz wiedzieć, jest to, że aktywnie pracujemy nad przyspieszeniem większych sklepów, zarówno w tej, jak i przyszłych wydaniach.

Przedstawiamy klasy CRUD — czym są i jak pomogą deweloperom

Do tego wydania programiści mieli wiele sposobów zapisywania danych w bazie danych dotyczących zamówień, produktów i tak dalej. Pobieranie danych można również wykonać na wiele sposobów. To wszystko wymagało od programistów wiedzy, jaki rodzaj danych próbują modyfikować, a to nie było idealne: było to czasochłonne i skomplikowane.

Aby zoptymalizować przechowywanie danych, musimy upewnić się, że programiści używają jednej metody zapisywania i pobierania danych . Dlatego w tym wydaniu wprowadzamy klasy CRUD.

CRUD oznacza tworzenie, odczytywanie , aktualizowanie, usuwanie — cztery podstawowe operacje, które można wykonać na zasobach. Dzięki klasom CRUD dodanym do WooCommerce 3.0 możesz modyfikować zamówienia, produkty, klientów, pozycje zamówienia, strefy wysyłki, tokeny płatności i kupony z mniejszą ilością kodu w ujednoliconym systemie .

Korzyści z tego dodatku:

• Definiujemy dane dla każdego zasobu oraz kontrolujemy jego przepływ i walidację
• Musisz tylko znać nazwy danych , z którymi pracujesz, a nie typy lub szczegóły wewnętrzne
• Dane mogą być przenoszone w inne miejsce (takie jak niestandardowe tabele) bez wpływu na istniejący kod
• Mniej kodu oznacza mniej zmian i więcej testów

Aby uzyskać więcej informacji na temat klas CRUD w WooCommerce i jak ich używać, przeczytaj post Mike'a zapowiadający ich dodanie do tego wydania na blogu Develop WooCommerce.

Zarządzaj danymi szybciej dzięki nowemu interfejsowi CLI

Jeszcze jedna gratka dla programistów: przerobiliśmy nasz interfejs wiersza poleceń (CLI). Początkowo WooCommerce CLI był zasilany przez własny kod, niezależny od API REST. Oznaczało to, że kod mógł zostać przypadkowo zduplikowany w całej bazie kodu, a pewne rzeczy możliwe w REST API nie były w ogóle możliwe z CLI.

Nowy CLI jest obsługiwany przez REST API i jest rozwidleniem Restful. Zmniejsza to ilość kodu, który będziemy musieli utrzymywać, zapewnia większą moc i oznacza, że ​​polecenia będą zawsze aktualne w miarę ulepszania interfejsu API REST.

Post Justina na blogu Develop WooCommerce zawiera więcej szczegółów, a także listę poleceń, których możesz używać od dzisiaj.

I to nie wszystko

Prawdę mówiąc, WooCommerce 3.0 ma o wiele więcej do zrobienia niż to, co do tej pory podkreśliliśmy, ale trudno jest zmieścić to wszystko w jednym poście. Oto kilka dodatkowych zmian, o których możesz chcieć wiedzieć:

• Automatyczne sortowanie stawek podatkowych , co ułatwia dodawanie i zarządzanie nowymi strefami podatkowymi
• Powiadomienie dotyczące całej witryny jest teraz możliwe do odrzucenia przez klientów
• Obsługa sieci/użytkowników wielostanowiskowych WordPress została zaktualizowana , aby WooCommerce dodawał istniejących użytkowników do bieżącego sklepu, jeśli użytkownik ma już konto w tej samej sieci (spowodowało to błąd w 2.6)
• Połączyliśmy procent koszyka i kupon procentowy produktu w jedną metodę, zmniejszając zamieszanie i błędy spowodowane walidacją opartą na koszyku
• I wreszcie ulepszone logowanie dla programistów

Możesz przeczytać pełną listę zmian i funkcji w poście o wersji beta na naszym blogu deweloperskim.

Dlaczego ta wersja to 3.0 zamiast 2.7

Jak mogłeś zobaczyć w e-mailach lub czatach online, pierwotnie planowano, że ta wersja będzie miała numer 2.7 i zostanie wydana w połowie marca. Jednak nasze plany uległy zmianie w trakcie testów beta i zgodnie z zapowiedzią uznaliśmy, że nadszedł czas na przejście na nowy system wydawniczy.

W przyszłości wydania WooCommerce będą korzystać z wersjonowania semantycznego , co oznacza, że ​​główne wydania — te ze zmianami w interfejsie API lub mogące wpłynąć na kompatybilność rozszerzeń, takie jak ta — otrzymają nowy główny numer wersji (np. 4.0, 5.0). Drobne wydania i poprawki otrzymają natomiast wersje punktowe (np. 3.1, 3.2).

Używamy tej metody, aby lepiej opisać zawartość poszczególnych wersji i szybko określić, jaki potencjalny wpływ może ona mieć na Twój sklep. Mamy nadzieję, że zwiększy to również zaufanie do mniejszych wydań i poprawek oraz pomoże szybciej zaktualizować WooCommerce po wydaniu jednej z tych aktualizacji.

Ponadto w przyszłości planujemy dodać więcej czasu na testowanie wersji beta i kandydatów do wydania po ogłoszeniu nowych wersji głównych . Wynika to z pomocnych opinii, które otrzymaliśmy w sprawie naszego (wtedy) posta o wydaniu wersji 2.7 od programistów, którzy chcieli mieć więcej czasu na testowanie.

Jesteśmy niezwykle wdzięczni za wszystkie opinie i rady, które doprowadziły do ​​wdrożenia tego nowego systemu wydań, zarówno wersjonowania semantycznego, jak i dłuższych okresów testowych. Chętnie wypróbujemy to w kolejnych kilku aktualizacjach i czekamy na dalsze opinie od was na temat tego, jak to działa!

Gotowy do wypróbowania Bionic Butterfly? Twoja aktualizacja czeka

Mamy nadzieję, że podobało Ci się czytanie o WooCommerce 3.0 . Kiedy będziesz gotowy, aby spróbować, przejrzyj naszą dokumentację dotyczącą aktualizacji, upewnij się, że masz kopie zapasowe, a następnie pobierz aktualizację z pulpitu nawigacyjnego WordPress.

Jeśli napotkasz problem podczas aktualizacji lub znajdziesz coś, co uważasz za błąd, oto co zrobić:

Aby uzyskać szczegółowe informacje na temat wersji 3.0, potencjalne problemy ze zgodnością i bieżące aktualizacje znajdują się na naszym blogu deweloperskim.

Co myślisz o Bionic Butterfly? Daj nam znać w komentarzach!