Jak zbudować eCommerce za pomocą kreatora Avada WooCommerce

Jeśli chodzi o konfigurację sklepu internetowego, WooCommerce jest najczęściej wybieraną plugin . Założenie sklepu internetowego i rozpoczęcie sprzedaży produktów zaraz po jego zakończeniu jest absurdalnie proste. Avada zapewnia kompleksowe wsparcie i integrację projektów dla WooCommerce, pozwalając Ci stworzyć sklep swoich marzeń, jednocześnie zapewniając, że będzie on wyglądał dokładnie tak, jak masz na myśli.  

Avada zapewnia możliwość dostosowania wyglądu Twojej witryny, co nie różni się od integracji z WooCommerce. Korzystając z naszej popularnej sieci opcji zaawansowanych, możesz wybierać spośród szerokiej gamy dostosowań dla różnych możliwości projektowych, w tym:

  • WooCommerce ma własny panel opcji globalnych Avada, niezależny od głównego panelu opcji globalnych Avada.
  • Opcje strony Avada są dostępne dla każdego produktu.
  • Avada Builder umożliwia tworzenie projektów stron produktów poprzez przeciąganie i upuszczanie elementów.

Aby zbudować witrynę eCommerce za pomocą Avada. 

Najpierw musimy zainstalować wooCommerce w Avadzie.

Instalacja WooCommerce – instrukcje krok po kroku

Przejdź do Avada > Plugin / Dodatki i poszukaj plugin , jak pokazano na zrzucie ekranu poniżej.

Krok 1 plugin WooCommerce .

Krok 2 – Z menu rozwijanego wybierz opcję „Zainstaluj”.

plugin zostanie zainstalowana i aktywowana automatycznie.

Krok 3 – Następnie powinien zostać wyświetlony Kreator konfiguracji WooCommerce. Jeśli importujesz jedną z naszych wersji demonstracyjnych Woo, np. Modern Shop lub Classic Shop, możesz pominąć ten krok bez ryzyka utraty danych. Aby przejść dalej, wybierz opcję „Nie teraz” z menu rozwijanego. Jeśli nie importujesz jednej z naszych wersji demonstracyjnych Woo, przejdź do następnego kroku, klikając przycisk „Chodźmy!” przycisk, aby rozpocząć proces konfiguracji.

Krok 4 – Postępuj zgodnie z monitami i instrukcjami wyświetlanymi na ekranie, aby zakończyć proces i wprowadzić niezbędne informacje o swoim sklepie. Klikając przycisk „Utwórz swój pierwszy produkt” po zakończeniu, będziesz mógł przystąpić do tworzenia pierwszego produktu. Alternatywnie możesz wrócić do panelu WordPress, klikając link znajdujący się pod oknem konfiguracji.

Jak przypisać stronę sklepu do swojej witryny

W ramach normalnego procesu instalacji WooCommerce należy uruchomić Kreator konfiguracji, który umożliwi skonfigurowanie sklepu i przypisanie stron sklepu klientom. Więcej informacji na temat stron tworzonych przez Kreatora instalacji można znaleźć w tym dokumencie WooCommerce.

Alternatywnie, jeśli Kreator konfiguracji nie pojawi się lub jeśli z jakiegokolwiek powodu go anulujesz, zawsze możesz wrócić do Kreatora konfiguracji, wybierając Kreator konfiguracji z menu Pomoc na dowolnej stronie WooCommerce, którą można znaleźć w lewym górnym rogu okno.

Możesz ręcznie ustawić stronę sklepu, przechodząc do zakładki Produkty w Ustawieniach WooCommerce – WooCommerce > Ustawienia > Produkty – i wybierając z rozwijanego menu stronę, która będzie stroną główną sklepu. WooCommerce wyświetli następnie Twoje produkty na tej stronie w wyniku Twojego działania.

Pozostałe strony można skonfigurować na karcie Zaawansowane, znajdującej się w WooCommerce > Ustawienia > Zaawansowane .

Tworzenie swoich produktów

Krok 1 – Na pasku bocznym administratora WordPress przejdź do zakładki Produkty > Dodaj produkt.

Krok 2 – Na górze strony wpisz nazwę swojego produktu.

Krok 3 – Wypełnij pole treści posta tekstem z opisu produktu. Wszystkie informacje o produkcie zostaną wyświetlone w tej sekcji.

Krok 4 – Wypełnij pole „ Dane produktu ” wszystkimi informacjami o produkcie. na przykład amp , SKU i wysyłka.

Krok 5 – W polu „ Krótki opis produktu ” wpisz zwięzły opis produktu, który będzie wyświetlany obok głównych zdjęć.

Krok 6 – Główne wyróżnione zdjęcie powinno zostać umieszczone pod polem „ Zdjęcie produktu ” po prawej stronie strony; Należy to wypełnić dla każdego produktu.

Krok 7 – Dodaj więcej zdjęć do pola „ Galeria produktów ”, jeśli chcesz użyć galerii obrazów zamiast pojedynczego obrazu.

Krok 8 – W polu „ Kategorie produktów ” wpisz kategorie, które dotyczą Twoich produktów. Następnie wypełnij puste miejsca odpowiednimi tagami dla swojego produktu w polu „ Tagi produktu ”.

Krok 9 – Po wprowadzeniu wszystkich niezbędnych informacji kliknij przycisk „ Opublikuj ”, a przedmiot pojawi się na głównej stronie sklepu.

Tworzenie produktu Zoom Effect

Jeśli używasz Avada Layouts, musisz upewnić się, że opcja Powiększanie obrazów produktów WooCommerce jest włączona w Avada > Opcje > WooCommerce > Ogólne WooCommerce > Opcja Powiększanie obrazów produktów WooCommerce lub w zakładce Ogólne elementu obrazów produktów Woo > Zdjęcia produktów Powiększ, jeśli używasz układów WooCommerce.

Szerokość obrazów produktów WooCommerce – szerokość głównego obrazu (patrz ustawienie poniżej) i rzeczywisty rozmiar przesłanego obrazu muszą być większe niż Avada > Opcje > WooCommerce > Ogólne WooCommerce > WooCommerce Szerokość obrazów produktów lub ustawienie Maksymalna szerokość obrazów produktów w elemencie Obrazy produktów Woo. Szerokość kolumny kontenera dla galerii pojedynczego produktu zostanie określona przez wybrane ustawienia. Po dokonaniu niezbędnych zmian możesz ustawić szerokość głównego obrazu WooCommerce.

Szerokość głównego obrazu WordPress – ustawienie szerokości głównego obrazu WooCommerce można znaleźć w Konfiguratorze witryny WordPress. Z panelu WordPress przejdź do Wygląd > Dostosuj > WooCommerce > Obrazy produktów , gdzie znajdziesz ustawienie Szerokość głównego obrazu; To określi rzeczywisty rozmiar obrazu wyświetlanego w galerii.

Im bardziej szczegółowy będzie efekt powiększenia, tym większy rozmiar obrazu ustawisz. Aby było jasne, jeśli rozmiar obrazu w ustawieniach WooCommerce odpowiada szerokości obrazu w opcjach globalnych Avady, żadne powiększenie nie będzie widoczne, gdy najedziesz myszką na obraz na stronie. Ponadto rozmiar przesyłanego obrazu musi być taki sam lub większy niż ustawienie Szerokość głównego obrazu w projekcie witryny internetowej.

Upewnij się, że ponownie wygenerowałeś miniatury po zmianie rozmiarów obrazów WooCommerce; Spowoduje to zastosowanie nowych rozmiarów obrazów do wszystkich obrazów, które zostały już przesłane do Twojej witryny. Aby to osiągnąć, możesz użyć plugin Regenerate Thumbnails.

Dostosowywanie ustawień rozmiaru obrazu produktu w WooCommerce.

WooCommerce zawiera opcje dostosowywania rozmiaru zdjęć produktów w sekcjach Katalog i Zdjęcia pojedynczych produktów sklepu. Ponadto istnieją specjalne ustawienia Avady, które działają w połączeniu z rozmiarami obrazów używanymi przez Twój sklep WooCommerce. Konfigurując ustawienia rozmiaru obrazu, należy pamiętać, że należy również wziąć pod uwagę ustawienia opcji globalnych Avada. Później omówimy każdą z tych opcji bardziej szczegółowo.

Załóżmy, że obrazy, które przesyłasz dla swoich produktów, są u źródła mniejsze niż rozmiary obrazów określone w ustawieniach WooCommerce. W takim przypadku możesz zauważyć pewne rozbieżności w układzie wizualnym na interfejsie stron swojego sklepu; Nie jest to w żaden sposób błąd. Dzieje się tak po prostu dlatego, że Twoje obrazy były zbyt małe, aby ustawienia WooCommerce mogły na nie wpłynąć. Możesz myśleć o tych ustawieniach jako o maksymalnej szerokości i wysokości obrazów pod względem wymiarów obrazu. Wszystko, co spadnie poniżej określonego limitu, nie zostanie zmienione.

Konfigurując swój sklep, upewnij się, że brane są pod uwagę zarówno ustawienia rozmiaru obrazu WooCommerce, jak i rzeczywisty rozmiar Twoich obrazów. Podsumowując, Twoje obrazy powinny mieć ten sam rozmiar lub większy niż ustawienia rozmiaru obrazu w Twoim sklepie WooCommerce.

Wszelkie zmiany w ustawieniach rozmiaru obrazu będą wymagały ponownego wygenerowania miniatur, aby mogły zostać zastosowane do obrazów, które zostały już przesłane do Twojej witryny. Dlatego zdecydowanie zaleca się korzystanie plugin Regenerate Thumbnails. Ponadto rozmiary obrazów można dostosować, wykonując poniższe czynności:

Krok 1 – Na pasku bocznym administratora przejdź do zakładki „ Wygląd ”, a następnie do zakładki „ Dostosuj ”, aby rozpocząć dostosowywanie witryny.

Krok 2 – Przejdź do zakładki „ WooCommerce ” u góry strony.

Krok 3 – Ustawienia obrazów dla obrazów pojedynczych produktów można znaleźć w zakładce „ Zdjęcia produktów ” w oknie konfiguracji.

Krok 4 – Przesyłając zdjęcia na strony pojedynczych produktów, wybierz główną opcję szerokości obrazu. Szerokość miniatury to szerokość miniatur Twoich produktów w katalogu. Wypełnij puste miejsca żądaną wartością szerokości.

Krok 5 – Aby zregenerować miniaturki po zmianie rozmiaru obrazów i ich zapisaniu, będziesz musiał użyć plugin , którą znajdziesz w Plugin . Najpierw zainstaluj plugin , a następnie przejdź do WP Admin > Narzędzia , gdzie możesz zregenerować miniatury obrazów, tworząc nowe rozmiary obrazów.

Hansona F.

Ostatnie posty

Jak używać nagłówków i stopek w Elementorze

Nagłówki i stopki witryny internetowej są niezbędnymi elementami. W większości przypadków nagłówek zapewnia nawigację…

6 stycznia 2022 r

Porównanie motywów WordPress: Astra vs OceanWP

Dwa najpopularniejsze motywy WordPress na rynku to Astra i OceanWP. Profesjonalny…

2 stycznia 2022 r

Porównanie motywów wiadomości WordPress: Gazeta vs. Astry

Stworzenie doskonałej witryny z wiadomościami nie wymaga zostania projektantem stron internetowych. My…

25 października 2021 r

Utwórz witrynę internetową związaną z wiadomościami za pomocą motywu gazety

Motyw gazety jest jednym z najważniejszych motywów WordPress zaprojektowanych przez tagDiv, firmę…

18 października 2021 r

Jak używać lepkiego nagłówka i efektów przewijania w Elementorze

Nagłówek jest zazwyczaj pierwszą rzeczą, którą widzi osoba odwiedzająca Twoją witrynę…

21 września 2021 r

Jak korzystać z narzędzia do tworzenia nagłówków, stopek i układów kolumn Avada

Nasz własny kreator stron, Avada Builder, jest teraz dostępny w dwóch interfejsach: Avada…

16 września 2021 r