Dzięki modułowi Tabele rozmiarów produktu firmy ShopEngine możesz dodać tabelę rozmiarów produktu z dowolnymi informacjami w formacie obrazu na stronie produktu. Możesz dodać dowolną liczbę wykresów i jeden z ustawień każdego produktu.

Jak dodać tabele rozmiarów produktów do swojej witryny WooCommerce za pomocą ShopEngine #

Możesz dodać tabele rozmiarów produktów do swojej witryny WooCommerce Elementor, wykonując 7 prostych kroków.

Krok 1: Włącz moduł Wykresy rozmiarów produktów w ShopEngine #

Z panelu WordPress,  przejdź do ShopEngine ⇒ Moduły ⇒ Tabele rozmiarów produktów i kliknij ikonę ustawień.

Gdy zobaczysz ustawienia, włącz opcję Włącz moduł opcja. Następnie powinieneś zobaczyć pomyślnie zapisaną wiadomość.

Uwaga: Możesz także włączyć wszystkie moduły jednocześnie. Sprawdź jak możesz włącz wszystkie moduły na raz.

Krok 2. Dodaj nową tabelę rozmiarów produktu #

Aby dodać nową tabelę rozmiarów kliknij na +Dodaj nowy przycisk

Rozwiń znak strzałki, podaj a nazwa kafelka wykresu, kliknij ikonę wyboru, aby wybierz obraz dla tego produktu tabela rozmiarów i wybierz kategorię, do której chcesz przypisać tabelę rozmiarów. Gdy zaczniesz wpisywać nazwę kategorii, pojawi się menu rozwijane, z którego możesz wybrać. Na koniec kliknij Zapisz zmiany.

Notatka: Przypisana tabela rozmiarów będzie miała zastosowanie do wszystkich produktów danej kategorii.

Notatka: Możesz dodać dowolną liczbę wykresów. Po dodaniu i zapisaniu możesz wrócić w dowolnym momencie edytować tytuł i obraz wykresu już dodanych wykresów. I również usuwać którykolwiek z istniejących wykresów.

Krok 3. Dodaj widżety Wykresy rozmiarów produktów do szablonu pojedynczego produktu #

Po zakończeniu tworzenia tabel rozmiarów musisz dodać widżet Wykresy rozmiarów produktów do szablonu strony pojedynczego produktu w ShopEngine, aby był widoczny w interfejsie użytkownika. 

Notatka: Jeśli potrzebujesz pomocy, jak to zrobić utwórz i edytuj pojedynczy szablon produktu w shopEngine sprawdź naszą dokumentację.

Gdy znajdziesz się w trybie Edytuj za pomocą Elementora szablonu pojedynczego produktu, wyszukaj Widżety z tabelami rozmiarów produktów i po prostu po prostu przeciągnij i upuść w wybranym przez Ciebie miejscu.

Krok 4. Wybierz normalną tabelę rozmiarów/modalny typ tabeli rozmiarów i dostosuj #

Otrzymasz dwa ustawienia tabeli rozmiarów, które obejmują:

Tabelę rozmiarów możesz wyświetlić na dwa sposoby, Modalne i normalne.

Modalna tabela rozmiarów: #

Modalne jest opcją domyślną a dzięki modalowi masz również taką możliwość ustaw niestandardową etykietę przycisku.

Normalna tabela rozmiarów: #

Jeśli chcesz wybrać tryb normalny, z listy rozwijanej Wyświetl wykres jako wybierz opcję Normalny. Po wybraniu opcji Normalny pojawi się nowa opcja Nagłówek wykresu, w której możesz ustawić niestandardowy nagłówek obrazu.

Krok 5. Ustawienia stylu tabeli rozmiarów produktu modalnego/normalnego #

W zależności od wybranej opcji tabeli rozmiarów widoku, otrzymasz odpowiednie ustawienia stylu. Aby uzyskać dostęp do ustawień stylu, przejdź do zakładki stylu w edytorze Elementor.

Ustawienia stylu dla modalnej tabeli rozmiarów: #

W przypadku opcji widoku modalnego tabeli rozmiarów dostępne są następujące ustawienia stylu, które można dostosować do własnego wyboru.

Przycisk tabeli rozmiarów: Rozwiń menu tabeli rozmiarów, a znajdziesz następującą opcję:

• Typografia:Wybierz rozmiar czcionki, rodzinę czcionek i grubość czcionki.
• Kolor i kolor tła: Wybierz kolor i kolor tła zarówno dla widoku aktywowanego, jak i normalnego.
• Typ obramowania: Możesz wybrać typ obramowania: brak, pełny, podwójny, przerywany itp.
• Szerokość: Wybierz szerokość lewą, prawą, górną i dolną.
• Kolor: Wybierz kolor obramowania.
• Promień obramowania (px):  Podaj promień obramowania.
• Wypełnienie (px): Dostosuj dopełnienie górne, prawe, dolne i lewe.

Wyskakujące okienka z tabelą rozmiarów: Rozwiń wyskakujące okienko z tabelą rozmiarów, aby dostosować następującą opcję:

• Promień obramowania (px): Wybierz wartość promienia obramowania.
• Wypełnienie (px): Dostosuj dopełnienie górne, prawe, dolne i lewe
• Kolor tła: Tutaj możesz wybrać kolor tła obrazu.

Jeśli chcesz wybrać widok modalny następnie po wprowadzeniu wszystkich zmian kliknij aktualizację, aby zapisać i przejść do następnego kroku.

Ustawienia rozmiaru dla tabeli rozmiarów normalnych:  #

Z drugiej strony, jeśli wybierzesz widok normalny, w opcji Styl tabeli rozmiarów znajdziesz wiele opcji, które możesz dostosować:

• Wyrównanie: Tutaj możesz dostosować wyrównanie nagłówka tabeli rozmiarów.
• Kolor nagłówka: Wybierz kolor nagłówka.
• Typografia tytułu: Tutaj możesz dostosować rodzinę czcionek, rozmiar, grubość czcionki i wysokość linii.
• Margines nagłówka (px): Dostosuj tutaj margines wokół nagłówka.
• Szerokość obrazu (px): Tutaj możesz dostosować wysokość obrazu.
• Dopełnienie obrazu (px): Podaj wartość dopełnienia obrazu
• Promień obramowania obrazu (px): Wybierz wartość promienia obramowania.

Na koniec kliknij aktualizację, aby zapisać.

Krok 6. Dodaj tabele rozmiarów do produktu (Opcjonalny) #

Notatka: Jeśli chcesz przypisać nową, inną tabelę rozmiarów do konkretnego produktu, następnie możesz wykonać ten krok. Będzie miała nową tabelę rozmiarów, którą przypiszesz do nowego produktu wyższy priorytet niż tabela rozmiarów kategorii.

Aby dodać tabelę rozmiarów produktów do swoich produktów, z panelu WordPress przejdź do Produkty ⇒ Wszystkie produkty I kliknij edytuj opcję produktu, który chcesz edytować.

Teraz w ustawieniach produktu przejdź do Tabele rozmiarów, zaznacz opcję Karta produktu. Po zaznaczeniu opcji wykresu menu rozwijane wykresu będzie dostępne. Wybierz żądaną opcję z listy rozwijanej

Krok 7. Na koniec zaktualizuj produkt i zobacz podgląd #

Po wybraniu tabeli produktów kliknij aktualizację, aby zapisać. 

Teraz, aby zobaczyć końcowy wynik, przejdź do strony produktu, którą właśnie edytowałeś i powinieneś zobaczyć tabelę produktów, jak na podglądzie poniżej.

Notatka: Musisz ręcznie dodać tabele rozmiarów do wszystkich produktów, dla których chcesz wyświetlić tabelę rozmiarów.

Oto podgląd koszyka rozmiarów produktu w widoku normalnym

Tutaj jest podgląd tabeli rozmiarów produktu w widoku wyskakującym