Jeśli chodzi o utworzenie sklepu internetowego, woocommerce jest iść do plugin . Założenie sklepu internetowego i rozpoczęcie sprzedaży produktów, gdy tylko skończysz, jest śmiesznie proste. Avada zapewnia kompleksowe wsparcie i integrację projektu dla WooCommerce, dzięki czemu możesz stworzyć sklep swoich marzeń, jednocześnie zapewniając, że będzie wyglądał dokładnie tak, jak masz na myśli.
Avada ma na celu umożliwienie dostosowania wyglądu Twojej witryny, co nie różni się od integracji WooCommerce. Korzystając z naszej popularnej sieci zaawansowanych opcji, możesz wybierać z 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ć swoją witrynę eCommerce z Avadą.
Najpierw musimy zainstalować wooCommerce w Avadzie.
- Instalacja WooCommerce – instrukcje krok po kroku
- Jak przypisać stronę sklepu do swojej witryny?
- Tworzenie Twoich produktów
- Tworzenie efektu powiększenia produktu
- Dostosowywanie ustawień rozmiaru obrazu produktu w WooCommerce.
Instalacja WooCommerce – instrukcje krok po kroku
Idź do Avada> Plugin s / Add-ons i szukać woocommerce plugin , jak pokazano na zrzucie ekranu poniżej.
Krok 1 – Zainstaluj plugin WooCommerce .
Krok 2 – Wybierz „Zainstaluj” z menu rozwijanego.
plugin zostanie zainstalowana i aktywowana automatycznie.
Krok 3 – Następnie powinien zostać wyświetlony Kreator instalacji WooCommerce. Jeśli importujesz jedną z naszych wersji demonstracyjnych Woo, taką jak Modern Shop lub Classic Shop, możesz pominąć ten krok bez ryzyka utraty danych. Aby przejść dalej, wybierz „Nie teraz” z menu rozwijanego. Jeśli nie importujesz jednej z naszych wersji demonstracyjnych Woo, przejdź do następnego kroku, klikając przycisk „Let's Go!” przycisk, aby rozpocząć proces konfiguracji.
Krok 4 – Postępuj zgodnie z instrukcjami 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”, gdy skończysz, będziesz mógł przystąpić do tworzenia pierwszego produktu. Możesz też wrócić do pulpitu WordPress, klikając łącze znajdujące się pod oknem konfiguracji.
Jak przypisać stronę sklepu do swojej witryny?
W ramach normalnego procesu instalacji WooCommerce powinien zostać uruchomiony Kreator konfiguracji, który pozwoli Ci skonfigurować sklep i przypisać strony sklepu do klientów. Więcej informacji na temat stron, które tworzy Kreator konfiguracji, można znaleźć w tym dokumencie WooCommerce.
Alternatywnie, jeśli Kreator konfiguracji nie pojawi się lub jeśli z jakiegoś powodu go anulujesz, zawsze możesz wrócić do Kreatora konfiguracji, wybierając Kreator konfiguracji z menu Pomoc na dowolnej stronie WooCommerce, które 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 główną stroną sklepu. WooCommerce wyświetli Twoje produkty na tej stronie w wyniku Twojego działania.
Pozostałe strony można skonfigurować w zakładce Zaawansowane, która znajduje się w WooCommerce > Ustawienia > Zaawansowane .
Tworzenie Twoich produktów
Krok 1 – Na pasku bocznym administratora WordPress przejdź do zakładki Produkty > Dodaj produkt.
Krok 2 – U góry strony wprowadź 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 możliwe opcje to cena, SKU i wysyłka amp
Krok 5 – W polu „ Krótki opis produktu ” wpisz zwięzły opis produktu, który pojawi się obok głównych zdjęć.
Krok 6 – Główny wyróżniony obraz należy umieścić pod Zdjęcie produktu ” po prawej stronie strony; To musi być wypełnione dla każdego produktu.
Krok 7 – Dodaj więcej obrazów do pola „ Galeria produktów ”, jeśli chcesz użyć galerii obrazów zamiast pojedynczego obrazu.
Krok 8 – W polu „ Kategorie produktów ” wprowadź kategorie, które dotyczą Twoich produktów. Następnie wypełnij puste pola 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 efektu powiększenia produktu
Jeśli korzystasz z Avada Layouts, upewnij się, że opcja Powiększanie zdjęć produktów WooCommerce jest włączona w Avada > Opcje > WooCommerce > Ogólne WooCommerce > Opcja Powiększanie zdjęć produktów WooCommerce lub w zakładce Ogólne elementy zdjęć produktów Woo > Powiększ obrazy produktów , 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ż ustawienie Avada > Opcje > WooCommerce > Ogólne WooCommerce > Szerokość obrazów produktu WooCommerce lub ustawienie Maksymalna szerokość obrazów produktu w elemencie obrazów produktów Woo. Szerokość kolumny kontenera dla pojedynczej galerii produktów zostanie określona przez wybrane przez Ciebie 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 pulpitu WordPress przejdź do Wygląd > Dostosuj > WooCommerce > Obrazy produktów , gdzie znajdziesz ustawienie Szerokość obrazu głównego; To określi rzeczywisty rozmiar obrazu wyświetlanego w galerii.
Im bardziej szczegółowy będzie efekt powiększenia, tym większy będzie rozmiar obrazu ustawiony dla obrazu. Aby wyjaśnić, jeśli rozmiar obrazu w ustawieniach WooCommerce odpowiada szerokości obrazu w opcjach globalnych Avady, powiększenie nie będzie widoczne po najechaniu myszą na obraz na stronie. Ponadto rozmiar przesyłanego obrazu musi być taki sam lub większy niż ustawienie szerokości obrazu głównego w projekcie witryny.
Upewnij się, że regenerujesz swoje 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. W tym celu 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 sklepu i Zdjęcia pojedynczego produktu. Ponadto istnieją określone ustawienia Avady, które działają w połączeniu z rozmiarami obrazów używanymi przez Twój sklep WooCommerce. Podczas konfigurowania tych ustawień 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ą mniejsze u źródła 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 strony Twojego 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 miały na nie wpływ. 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.
Podczas konfigurowania sklepu upewnij się, że brane są pod uwagę zarówno ustawienia rozmiaru obrazu WooCommerce, jak i rzeczywisty rozmiar obrazów. Podsumowując, Twoje obrazy powinny mieć taki 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 zostały uwzględnione w obrazach, które zostały już przesłane do Twojej witryny. Dlatego zdecydowanie zaleca się korzystanie z plugin Regenerate Thumbnails. Ponadto rozmiary obrazów można dostosować, wykonując poniższe czynności:
Krok 1 – Na pasku bocznym administratora przejdź do karty „ Wygląd ”, a następnie karty „ Dostosuj ”, aby rozpocząć dostosowywanie witryny.
Krok 2 – Przejdź do zakładki „ WooCommerce ” u góry strony.
Krok 3 – Ustawienie Obrazy dla obrazów pojedynczego produktu można znaleźć w Obrazy produktu .
Krok 4 – Kiedy przesyłasz obrazy na strony pojedynczych produktów, wybierz opcję szerokości obrazu głównego. Szerokość miniatury to szerokość miniaturek Twoich produktów w katalogu. Wypełnij puste miejsca wybraną wartością szerokości.
Krok 5 plugin Regeneruj miniatury , którą można znaleźć w Plugin . Najpierw zainstaluj plugin , a następnie przejdź do karty WP Admin> Narzędzia , gdzie możesz zregenerować miniatury obrazów, tworząc nowe rozmiary obrazów.
