Przedstawiamy Woostify 2.0 – Szybsze i więcej funkcji WooCommerce

Opublikowany: 2021-11-07

Po długim czasie opracowywania, testowania i ulepszania, jestem bardzo podekscytowany, że mogę przedstawić wam najnowszą wersję Woostify. Woostify 2.0 jest tutaj, a wraz z nim są dziesiątki dużych aktualizacji i ulepszeń.

Woostify 2.0 koncentruje się na zwiększeniu wydajności motywów i daje początek kilku niezwykłym funkcjom, które mają na celu zapewnienie płynnego działania witryn WooCommerce. W szczególności dzięki tej aktualizacji motyw WordPress Woostify wprowadził zmiany w czcionce motywu, dodał dynamiczną metodę drukowania CSS i ładuje czcionkę Google lokalnie. Jednocześnie dodano kilka wyjątkowych funkcji, w tym globalny kolor i typografię, optymalizację mini koszyka, nowy układ kasy, tryb katalogu, tryb ilości, projekt karty produktu, układ akordeonu i obsługę karuzeli.

Ulepszenia w wydajności

Czcionki SVG

Woostify 2.0 daje użytkownikom możliwość używania czcionek SVG zamiast czcionek ikon Themify, które wcześniej były często używane w motywie WordPress Woostify. Korzystanie z czcionek SVG pomoże uzyskać dwie korzyści:

Po pierwsze, przyspieszy to ładowanie strony. W szczególności oszczędza czas na wczytywanie plików CSS i czcionek, zmniejszając w ten sposób liczbę żądań.

Zaoszczędź 371 sekund i 32,5 KB bez używania starej czcionki motywu.

Po drugie, SVG oferuje znacznie większą elastyczność, jeśli chodzi o udostępnianie użytkownikom różnych zestawów ikon SVG. Wtedy będą dla ciebie różne opcje. Teraz możesz łatwo zmienić ikonę czcionki, używając niestandardowego haka PHP.

Dynamiczna metoda drukowania CSS

Domyślnie niestandardowy kod CSS z motywu Customizer lub dodatków pro jest dostępny jako wbudowany kod CSS. Dzięki tej aktualizacji możesz wygenerować niestandardowy kod CSS do pliku zewnętrznego. Jest to bardzo przydatne do skrócenia czasu ładowania strony i poprawy wydajności witryny.

Aby wygenerować plik CSS, przejdź do Wygląd > Dostosuj > Wydajność . Następnie kliknij Regeneruj plik CSS . Na koniec naciśnij Opublikuj , aby ukończyć zadanie.

Czcionki Google lokalnie

Google Fonts zawiera około 1000 czcionek, z których prawie wszystkie można dodać do dowolnej witryny i używać za darmo. Jak każdy inny motyw WooCommerce, motyw Woostify WordPress obsługuje szeroką gamę czcionek Google.

Podczas korzystania z niektórych narzędzi, takich jak GTmetrix lub Pingdom, do testowania wydajności witryny, czasami mogą wystąpić błędy czcionek Google. Ten problem może wystąpić, gdy wysłanie żądania do serwerów Google w celu załadowania czcionek Google zajmuje trochę czasu. Zaledwie kilka milisekund, ale wpłynie to na wynik Core Web Vitals. Aby rozwiązać ten problem, Woostify 2.0 oferuje nową funkcję, która obsługuje lokalne ładowanie czcionek Google. Innymi słowy, pomoże to lokalnie hostować czcionki Google na własnym serwerze, co przyczyni się do optymalizacji czasu ładowania strony.

Nowe funkcje motywu Woostify

Globalny kolor i globalna typografia

Aby użytkownicy mogli zoptymalizować proces projektowania strony internetowej, Woostify 2.0 wprowadza funkcję globalnego koloru.

Jak zwykle, witryna będzie miała wiele stron i różne elementy. Wtedy zmęczysz się ustawianiem kolorów jeden po drugim. Znając ten problem, opublikowany motyw WordPress Woostify Global Color może pomóc zaoszczędzić czas, dodając ten sam kolor do różnych stron. Wystarczy jedno kliknięcie, aby dostosować globalny kolor, wszystkie części używające tego koloru również się zmienią. Oprócz oszczędności czasu, daje to poczucie pewności co do ujednolicenia kolorów w całej witrynie.

Co się stanie, jeśli zbudujesz stronę za pomocą Elementora? Nie martw się, Woostify integruje globalny kolor motywu z globalnym kolorem Elementora, dzięki czemu możesz łatwo użyć koloru motywu w kreatorze stron Elementor.

Optymalizacja mini koszyka

Nasz zespół poświęca również czas na optymalizację mini koszyka WooCommerce , aby mógł on zwiększyć prędkość ładowania ajax o 2x.

Dzięki aktualizacji minikoszyka będziesz mieć więcej opcji dostosowywania. W szczególności Woostify 2.0 pozwala na zmianę koloru mini wózka. Poza tym możesz dodać dowolne nowe sekcje niestandardowe. Możesz więc dodawać wiadomości, obrazy lub dowolną zawartość do minikoszyka, jak chcesz. Przeprojektowaliśmy również pusty mini wózek.

Próg wysyłki

Co więcej, ta wersja daje możliwość ustawienia progu darmowej wysyłki. Oznacza to, że gdy klienci osiągną próg, otrzymają bezpłatną wysyłkę. W ten sposób ta funkcja jest bardzo pomocna w zachęcaniu klientów do dodawania większej liczby produktów do koszyka, aby osiągnąć wymagany próg.

Nowy układ kasy

Kolejnym zaskakującym punktem w tej najnowszej wersji jest produkcja nowego układu kas. Nasz zespół oczywiście zna znaczenie strony kasy WooCommerce dla poprawy współczynników konwersji. Następnie dokładamy wszelkich starań, aby stworzyć układ kasy, który jest znacznie lepiej zoptymalizowany i bardziej przyciągający wzrok niż poprzedni.

Projekt karty produktu

Kolejną dużą aktualizacją w wersji 2.0 jest to, że strony pojedynczych produktów będą projektowane w stylu akordeonu. Ten styl sprawia, że ​​strona produktu jest uporządkowana i wyraźnie oddziela różne sekcje. Poza tym nowy układ akordeonu zostanie ustawiony domyślnie na urządzeniach mobilnych.

Co więcej, gdy dojdziesz do dostosowywania zakładki produktu, możesz zmienić położenie zakładek , dodać nowe zakładki niestandardowe i usunąć dowolne zakładki.

Tryb katalogowy

Niektórzy użytkownicy będą chcieli wyświetlać Twoje produkty w trybie katalogowym bez używania kodów lub wtyczki. Dzieje się tak głównie dlatego, że nie chcesz sprzedawać ich produktów online. Dlatego nie będą musieli wyświetlać koszyka na swoich stronach. Zamiast tego zmienią swoje witryny WooCommerce w katalogi, aby zdobyć więcej potencjalnych klientów.

Teraz tryb katalogu jest teraz dostępny w motywie WordPress Woostify v.2.0, aby zaspokoić potrzeby użytkowników. Po włączeniu trybu katalogu w Customizer ukryjesz również wszystkie przyciski Dodaj do koszyka .

Tryb ilościowy

Jest to świetna funkcja, która pozwala wyświetlać pole ilości na stronie sklepu WooCommerce. Po włączeniu tego trybu Twoi klienci mogą wprowadzać zmiany w liczbie produktów, które chcą dodać do koszyka. W szczególności kliknij ikonę „+”, aby dodać więcej, i kliknij ikonę „-”, aby zmniejszyć ilość produktu.

Obsługa karuzeli

Strony pojedynczych produktów WooCommerce często zawierają pozycje sprzedaży krzyżowej i dodatkowej. Będzie wiele sposobów na ich pokazanie. Karuzela produktów, która pozwala klientom zobaczyć powiązane produkty na ładnym suwaku, jest jedną z najlepszych metod, aby to zrobić.

Dzięki obsłudze karuzeli Woostify 2.0 oczekuje, że przyniesie Twoim klientom nowe wrażenia podczas poruszania się po sklepach WooCommerce, co zachęci klientów do podjęcia większej liczby działań w Twojej witrynie.

Na ostatnie słowo:

Woostify 2.0 polega na dostarczaniu potężnych narzędzi do ulepszania witryn WooCommerce. Nasz zespół udostępnia te aktualizacje w nadziei, że pomogą one poprawić wrażenia klientów w Twoich witrynach i zwiększyć sprzedaż w nadchodzącym czasie.

Nie możemy się doczekać, aż będziesz cieszyć się nowymi ulepszeniami Woostify 2.0. Oczekujemy, że sprawią, że będziesz zadowolony. Jest więcej, nie zapomnij być na bieżąco, aby uzyskać więcej aktualizacji.