Jak utworzyć galerię obrazków produktów WooCommerce (krok po kroku)

Czy chcesz tworzyć galerie produktów WooCommerce, aby dodawać je do wpisów lub stron na blogu?

Galerie produktów WooCommerce to łatwy sposób na wyświetlanie twoich produktów poza stronami sklepu. Pomaga to przyciągnąć więcej klientów i zwiększyć konwersje.

W tym artykule pokażemy, jak łatwo stworzyć galerię obrazków produktów WooCommerce (krok po kroku).

Dlaczego warto tworzyć galerie produktów WooCommerce?

WooCommerce to najpopularniejsza wtyczka WordPress e-handel na rynku. Umożliwia ona sprzedaż produktów poprzez stworzenie sklepu internetowego.

Większość motywów WordPress dla WooCommerce zawiera domyślne szablony stron sklepu i kategorii sklepu. Strony te po prostu wyświetlają listę twoich produktów przy użyciu stylu motywu.

Co by było, gdybyś chciał stworzyć galerię produktów i wyświetlić ją we wpisie na blogu lub na innej stronie twojej witryny? Wyświetlając twoje produkty w popularnych wpisach i stronach na blogu, możesz zwiększyć sprzedaż i konwersje.

Przyjrzyjmy się, jak łatwo tworzyć galerie obrazków produktów WooCommerce. Podzielimy się dwiema różnymi metodami, a Ty możesz skorzystać z poniższych szybkich odnośników, aby przejść do opcji, która Ci odpowiada:

Metoda 1: Tworzenie galerii produktów WooCommerce za pomocą SeedProd (zalecane)

Najlepszym sposobem na stworzenie galerii obrazków produktów WooCommerce jest użycie SeedProd. Jest to najlepszy na rynku kreator stron WordPress typu „przeciągnij i upuść „.

SeedProd umożliwia łatwe tworzenie własnych motywów WordPress i stron docelowych, bez konieczności kodowania. Ponadto zawiera wbudowane bloki WooCommerce i integrację, które ułatwiają dodawanie galerii obrazów produktów do dowolnej strony lub wpisu w WordPress.

Aby rozpocząć, należy zainstalować i włączyć wtyczkę SeedProd. Jeśli potrzebujesz pomocy, możesz skorzystać z tego przewodnika na temat instalacji wtyczki WordPress.

Po włączaniu wtyczki, przejdź do SeedProd ” Ustawienia z kokpitu WordPress i wpisz swój klucz licencyjny.

Twój klucz licencyjny znajduje się na Twoim koncie w witrynie internetowej SeedProd. Po wpiszeniu twojego klucza licencyjnego, kliknij przycisk „Zweryfikuj klucz”, aby kontynuować.

Wybór zestawu szablonów WooCommerce

Następnie musisz wybrać zestaw szablonów WooCommerce do wykorzystania w twoim sklepie internetowym. Zastąpi on twój istniejący motyw WordPress nowym, dostosowanym projektem.

Wystarczy przejść do SeedProd ” Theme Builder, a następnie kliknąć przycisk „Theme Template Kits”.

Spowoduje to przejście do biblioteki zestawów witryny internetowej SeedProd.

Z tego miejsca można kliknąć kartę „WooCommerce”, aby zobaczyć wszystkie zestawy szablonów stworzone specjalnie dla sklepów internetowych.

Możesz najechać kursorem na dowolny zestaw szablonów i kliknąć lupę, aby wyświetlić podgląd projektu. Gdy znajdziesz zestaw szablonów, który Ci się podoba, po prostu kliknij znacznik wyboru, aby go użyć.

W tym poradniku użyjemy motywu WooCommerce Starter, ale możesz użyć dowolnego zestawu szablonów.

Po wybraniu zestawu szablonów, SeedProd zaimportuje go, a lista wszystkich fragmentów szablonu będzie widoczna na kokpicie motywu.

Możesz dostosować każdą część szablonu, w tym strony produktów, stronę sklepu, stronę kasy i inne, za pomocą łatwego kreatora przeciągnij i upuść SeedProd. W ten sposób dodamy galerię obrazków produktów WooCommerce.

Najpierw znajdź fragment szablonu, który chcesz dostosować. W tym poradniku wybierzemy część „Pojedynczy wpis”. Jest to szablon, który określa wygląd wszystkich twoich wpisów na blogu.

Wystarczy najechać na niego kursorem i kliknąć odnośnik „Edytuj projekt”.

Spowoduje to otwarcie wizualnego kreatora stron SeedProd.

Z tego miejsca możesz przeciągać i upuszczać gotowe bloki na swoją stronę, klikać dowolny element, aby go dostosować, i zobaczyć podgląd wyglądu twojego projektu w czasie rzeczywistym.

Przejdź dalej i wprowadź własne konfiguratory, a w następnym kroku dodamy galerię obrazków produktów.

Dodawanie pokazu slajdów galerii produktów WooCommerce w WordPressie

Teraz, gdy masz już własny projekt motywu WooCommerce, jesteś gotowy, aby dodać piękną galerię obrazków produktów.

Aby to zrobić, kliknij blok tagów szablonu WooCommerce „Product Gallery Images” w lewym panelu i przeciągnij go w dowolne miejsce na twój obszar podglądu strony.

Spowoduje to pobranie informacji o twoim produkcie i obrazków bezpośrednio z WooCommerce.

Następnie możesz kliknąć blok, aby dostosować konfigurator dla twojej galerii obrazków produktów.

Po pierwsze, zobaczysz opcję powiększenia obrazka. Umożliwia ona odwiedzającym najechanie kursorem na obrazek, aby zobaczyć produkt w powiększeniu.

Możesz przeciągać poziome suwaki, aby kontrolować pozycję przycisku powiększenia. Można również zmienić wielkość litery, kolor ikonki, promień obramowania i kolor tła.

Jeśli przewiniesz w dół, możesz również dostosować granice obrazka i miniaturki. Można ustawić promień, styl, kolor i szerokość obramowania.

Dostępna jest również karta „Zaawansowane”, którą można kliknąć, aby zobaczyć więcej opcji konfiguratora.

Obejmują one odstępy, identyfikator i klasę CSS, widoczność urządzenia, efekty animacji i inne.

Po zakończeniu konfiguratora twojej galerii obrazków produktów, nie zapomnij nacisnąć przycisku „Zapisz”.

Publikowanie twojej galerii obrazków produktów WooCommerce

Na koniec musisz uruchomić galerię obrazków produktów na swojej witrynie internetowej. Aby to zrobić, wyjdź z kreatora wizualnego i wróć do kokpitu „Kreator motywów”.

Następnie wystarczy przełączyć przełącznik „Włącz motyw SeedProd” do pozycji „Tak”.

To wszystko!

Możesz przejść na swoją witrynę internetową i zobaczyć galerię obrazków produktów WooCommerce na żywo w działaniu.

Teraz odwiedzający twoją stronę mogą klikać obrazy produktów w galerii jak w pokazie slajdów i powiększać szczegóły produktu.

Metoda 2: Tworzenie galerii produktów WooCommerce za pomocą Envira Gallery

Envira Gallery to najlepsza wtyczka do galerii zdjęć WordPress, która ułatwia wyświetlanie produktów w dowolnym miejscu na twojej witrynie. Jest to szybki sposób na stworzenie galerii produktów WooCommerce w WordPress.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Envira Gallery. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść do strony Envira Gallery ” Ustawienia, aby wpisz klucz licencyjny. Informacje te można znaleźć na twoim koncie w witrynie internetowej Envira Gallery.

Po zweryfikowaniu klucza licencyjnego, można przejść do Envira Gallery ” Addons, aby zainstalować i włączać dodatek 'Featured Content’.

Ten dodatek pozwoli ci wyświetlać twoje produkty WooCommerce w galeriach Envira Gallery. Śmiało i kliknij przycisk „Zainstaluj” pod dodatkiem funkcji Treść.

Następnie należy przejść do strony Envira Gallery ” Add New, aby utworzyć twoją nową galerię produktów.

W tym miejscu możesz zacząć od dodania tytułu nowej galerii.

Po tytule należy przejść do karty „Galeria zewnętrzna” i kliknąć opcję „Treści w funkcji”.

Następnie przewiń w dół do karty „Obrazki”. W polu „Select Your Post Type(s)” należy wybrać opcję „Product”, która jest konfiguratorem typu treści dla produktów WooCommerce.

Jeśli masz setki produktów, możesz utworzyć wiele galerii.

Listę galerii można zawęzić, wybierając taksonomie dla określonych tagów lub kategorii produktów.

Wystarczy powtórzyć ten proces z różnymi tagami i kategoriami produktów za każdym razem, gdy tworzysz nową galerię produktów. Typem treści będzie zawsze „Produkt” we wszystkich twoich galeriach produktów WooCommerce.

Możesz także wybrać relację taksonomii terminów, aby wybrać i wyświetlić określone produkty w twoich galeriach.

Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem na temat tworzenia galerii obrazków w WordPress.

Gdy skończysz, możesz opublikować swoją galerię produktów, dzięki czemu będzie ona dostępna do dodania w dowolnym miejscu na twojej witrynie WordPress.

Dodawanie galerii produktów WooCommerce w WordPress

Następnie możesz utworzyć nowy wpis lub stronę lub edytować istniejącą, aby wyświetlić galerię produktów WooCommerce.

Gdy znajdziesz się w edytorze treści, po prostu kliknij przycisk „+” i dodaj blok Envira Gallery.

Następnie możesz wybrać twoją galerię obrazków produktów w bloku Envira Gallery.

Wystarczy kliknąć menu rozwijane i wybrać utworzoną wcześniej galerię.

Teraz zobaczysz podgląd twojej galerii w edytorze bloków. Jeśli się nie wczytuje, nie martw się. Możesz po prostu wyświetlić podgląd twojego wpisu lub strony na blogu, aby sprawdzić, czy działa poprawnie.

Następnie możesz zapisać i opublikować twój wpis. Następnie przejdź na twoją witrynę internetową, aby zobaczyć galerię produktów w działaniu.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak stworzyć galerię obrazków produktów WooCommerce. Możesz również zapoznać się z naszym przewodnikiem na temat niezbędnych wtyczek WordPress dla witryn internetowych dla firm i jak wybrać najlepsze oprogramowanie do projektowania.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.