Divi to potężny i elastyczny motyw WordPress, który pozwala użytkownikom z łatwością tworzyć wspaniałe strony internetowe. Jednym z głównych powodów jego popularności jest szeroka gama dostępnych wtyczek, które można wykorzystać do zwiększenia jego funkcjonalności. Jedną z takich wtyczek jest Woo Essential, która została zaprojektowana specjalnie dla użytkowników Divi, którzy prowadzą sklep internetowy za pomocą WooCommerce.
Woo Essential to bogata w funkcje wtyczka, która oferuje szeroką gamę narzędzi, które pomogą Ci dostosować sklep WooCommerce i uczynić go bardziej przyjaznym dla użytkownika. Niezależnie od tego, czy chcesz dostosować strony produktów, proces realizacji transakcji, czy powiadomienia e-mail, Woo Essential zapewni Ci wszystko. Dzięki przyjaznemu dla użytkownika interfejsowi i wielu opcjom dostosowywania ta wtyczka jest doskonałym wyborem dla każdego, kto chce przenieść swój sklep internetowy na wyższy poziom.
W tym artykule przyjrzymy się bliżej funkcjom i zaletom Woo Essential oraz temu, jak może pomóc w stworzeniu bardziej udanego sklepu internetowego z Divi .
Podstawowe moduły Woo
Woo Essential rozszerza Divi Builder o 8 nowych komponentów. Niektóre funkcje wymagają użycia wtyczek YITH WooCommerce Compare i YITH WooCommerce Lista życzeń. Darmowe warianty są odpowiednie do tego celu. Jeśli nie masz ich załadowanych, otrzymasz powiadomienie. Po aktywacji wtyczki Woo Essential wystarczy wybrać powiadomienie, aby je zainstalować i aktywować.
Twórz niesamowite strony internetowe
Z najlepszym darmowym kreatorem stron Elementor
Zacząć terazNa początku nie zobaczysz wszystkich komponentów w Divi Builder. Zamiast tego będzie pojedynczy moduł o nazwie Woo Essential. Wybierz tę sekcję.
Modal pokaże następnie wszystkie podstawowe moduły Woo. Aby wyświetlać produkty WooCommerce, możesz teraz dodawać moduły do dowolnego układu Divi.
Przyjrzyjmy się bliżej każdemu z podstawowych modułów Woo. Najpierw zademonstruję ustawienia domyślne, a następnie przykład niektórych funkcji projektowych.
Akordeon kategorii Woo
Moduł Woo Category Accordion pokazuje obrazy kategorii produktów. Po najechaniu myszką obrazy rozwijają się, wyświetlając opis kategorii oraz liczbę elementów w tej kategorii. Jeśli masz skonfigurowany obraz kategorii, wyświetli go.
Masz pełną władzę nad projektem każdego elementu. W tym przykładzie dodałem cień ramki, zaokrągliłem rogi i zmieniłem kolory i rozmiary czcionek dla nazwy kategorii, liczby i opisu. Dodatkowo do podsumowania dodałem wypełnienie i wysokość linii.
Karuzela kategorii Woo
Karuzela kategorii Woo generuje pokaz slajdów z nawigacją i automatycznym przesuwaniem. Istnieje wiele opcji regulacji obrotów.
Siatka kategorii Woo
Siatka kategorii Woo układa grupy w siatkę kart. Możesz zmodyfikować siatkę, zmieniając liczbę kolumn.
Dodałem obramowanie, zaokrągliłem rogi, zmieniłem czcionki i dostosowałem liczbę siatek i wartości odstępów dla tego.
Woo Kategoria Masoneria
Moduł masonerii kategorii Woo porządkuje kategorie w macierzy.
W tym przypadku zmieniłem czcionki i dostosowałem numer siatki i odstęp.
Akordeon firmy Woo
Akordeon produktu Woo działa podobnie do akordeonu kategorii Woo, ale wyświetla same produkty. Po najechaniu kursorem rozwija się, ukazując szczegóły produktu. Wybierz, który przycisk Dodaj do koszyka, cenę, liczbę gwiazdek, opis, plakietkę polecanego produktu, rodzaj plakietki wyprzedaży i tekst plakietki wyprzedaży mają być wyświetlane. Możesz także zmienić sposób działania akordeonu. Domyślnie wyróżniony obraz jest wyświetlany we wszystkich modułach produktu.
W tym przypadku zmieniłem tło treści, kolory czcionek, kolor plakietki, rozmiar czcionki nazwy produktu oraz kolor przycisku Dodaj do koszyka.
Karuzela produktów Woo
Karuzela produktów Woo pokazuje towary w jednym z sześciu różnych układów. Każdy ma unikalny efekt najechania na klawisze. Możesz także wybrać, które elementy mają być wyświetlane, zmienić ustawienia karuzeli i tak dalej.
Każdy element można regulować osobno. W tym przykładzie zmieniłem wiele kolorów, obramowań i czcionek. Uwzględniłem również ruch strzałek. Po najechaniu myszą Layout 3 umieszcza koszyk i inne linki na dole obrazu.
Filtr produktów Woo
Filtr produktów Woo rozszerza siatkę produktów WooCommerce o filtr, który można dostosować. Możesz wybrać, które elementy mają być wyświetlane.
Masz pełną kontrolę nad wszystkimi elementami, w tym filtrem, siatką, czcionkami, kolorami i tak dalej. Na tej ilustracji zmieniłem kilka kolorów, rozmiarów czcionek i liczby siatek. Ponadto dodałem cień pudełka do filtra i siatki towarów.
Siatka produktów Woo
Moduł siatki produktów Woo porządkuje towary w siatce i wyświetla liczbę produktów na banerze. Ma osiem opcji układu siatki, które zmieniają rozmiar obrazu i ustawiają przyciski po najechaniu myszką. Możesz dostosować wyświetlane komponenty. Po najechaniu myszą układ 8 umieszcza ikony po prawej stronie obrazu, a przycisk Dodaj do koszyka u dołu obrazu.
Możesz dodać paginację do każdej strony, dodając przyciski lub opcję Załaduj więcej. W tym przypadku stylizowałem przycisk Załaduj więcej. To jest układ 3, który zawiera podpis i cenę pod obrazem oraz ikony u dołu.
Więcej niezbędnych funkcji Woo
Istnieje wiele funkcji, z których większość jest zawarta w modułach, które zwiększają użyteczność list WooCommerce. Oto krótki przegląd niektórych z tych cech.
Mini wózek Woo
Funkcja Mini Cart rozszerza koszyk zakupowy o wyskakujące menu. Jest natychmiast dołączany do nagłówka WordPress. Działa tylko z domyślnym nagłówkiem, więc nie będziesz mógł go używać z nagłówkami Divi Builder. Oznacza to, że nie jest tak wszechstronny, jak inne funkcje wtyczki. Theme Customizer pozwala dostosować każdy z jego trzech elementów osobno.
Ma cztery sekcje opcji: główne ustawienia koszyka, projekt koszyka, przycisk przeglądania koszyka i przycisk kasy.
Zmień rozmiar, kształt, kolory, czcionki, ikony i inne aspekty jego działania. Pozwól mu otwierać się po dotknięciu, kliknięciu lub przesunięciu w prawo lub w lewo.
Mini Koszyk wyświetla elementy Twojego koszyka w małym oknie modalnym. W zależności od preferencji może również uruchomić okno po prawej lub lewej stronie. W tym przypadku modal pojawia się po najechaniu myszką. Wybór Fly-In, który wsuwa się z prawej lub lewej strony, rozszerza moda, aby wypełnić cały ekran.
Wyskakujące okienko szybkiego podglądu
Szczegóły przedmiotu można przeglądać bez opuszczania obecnej strony internetowej. Kilka sekcji zawiera teraz ikonę szybkiego podglądu. Kliknięcie tej ikony powoduje wyświetlenie informacji w oknie modalnym. Wyskakujące okienko jest szybkie i pozwala zobaczyć szczegóły produktu bez konieczności otwierania kolejnej strony.
Wszystkie informacje o produkcie, takie jak podsumowanie, galeria, przycisk Dodaj do koszyka, kategoryzacja i tak dalej, są zawarte w szczegółach.
Porównaj produkty
Wybierając ikonę porównania, możesz porównać wiele produktów. Ponieważ ta procedura może być na początku trochę skomplikowana, wielu użytkowników może nie wiedzieć, że mogą porównywać produkty.
Wyświetl osobno produkty, które chcesz porównać, aby rozpocząć porównanie. Następnie na jednym z produktów wybierz ikonę porównania. Wyświetlony zostanie mod porównania, z elementami porównywanymi w tabeli. To działa, ale nie jest tak oczywiste, jak bym chciał. Rozgryzienie tego wymagało pewnego wysiłku. Dokumentacja zawierała wymagane przeze mnie szczegóły. Kiedy skończysz, możesz przewinąć porównanie i odrzucić modalne.
Podstawowe ustawienia Woo
Woo Essential zawiera połączenie z panelem administracyjnym WordPress. Aby uzyskać dostęp do opcji, kliknij ten link. Baza wiedzy, wsparcie i opinie, prośby o nowe funkcje i kanał YouTube DiviNext są dostępne z pierwszej karty, strony głównej.
Aby uzyskać dostęp do drugiego ekranu, kliknij Moduły. Na tej stronie możesz wyłączyć lub zezwolić na dowolny moduł Woo Essential. Jest to przydatne, jeśli chcesz ograniczyć plan do kilku modułów. Domyślnie wszystkie są aktywne.
Niezbędne szablony Woo
Aby pomóc Ci rozpocząć projektowanie, witryna wydawcy oferuje osiem bezpłatnych układów początkowych. Wymagają również innej wtyczki Divi do działania, ograniczając ich użyteczność do tych, którzy mają obie wtyczki. Wyglądają świetnie i mają wiele sekcji do wyboru.
Podsumowanie
Na tym kończymy naszą recenzję Woo Essentials dla Divi . Te osiem modułów Divi oferuje mnóstwo możliwości wyboru siatek produktów i akordeonów. Wyświetlaj i stylizuj poszczególne towary i kategorie za pomocą Divi Builder. Zobacz zawartość koszyka i szczegóły produktu oraz z łatwością porównaj towary. Chciałbym zobaczyć Mini Cart jako moduł Divi, aby można go było dołączyć do nagłówków Divi Builder. Działa jednak dobrze, jeśli używasz domyślnego nagłówka WordPress. Woo Essentials jest warte obejrzenia, jeśli chcesz dodać wiele intrygujących siatek do stron produktów WooCommerce.
