WooCommerce Customizer jest częścią WordPress > Customize i umożliwia wybór opcji, które mają zastosowanie site-wide dla Store Notice, Product Catalog i Product Images bez dotykania jakiegokolwiek kodu.

Gdzie znaleźć WooCommerce Customizer Powrót do góry

Z pulpitu nawigacyjnego WordPress przejdź do: Wygląd > Dostosuj.

W menu Dostosuj wybierz WooCommerce:

Pod WooCommerce znajduje się pięć opcji:

• Store Notice
• Product Catalog
• Product Page
• Product Images
• Checkout

Każda z nich jest szczegółowo omówiona poniżej.

Ogłoszenie o sklepie Wróć na górę

Ogłoszenie o sklepie pozwala wprowadzić wiadomość dla całej witryny, wyświetlaną dla wszystkich odwiedzających sklep. Wiadomość może być:

• Informacyjna – Notatka informująca klientów o opóźnieniach w wysyłce spowodowanych warunkami pogodowymi. Powiadomienie o wyjeździe, jeśli jesteś na wakacjach.
• Promocyjne – Powiadomienie reklamujące wydarzenie, specjalny program świąteczny, pakiet, wyprzedaż wszystkich/niektórych przedmiotów lub bezpłatną wysyłkę.

Wyświetl Powiadomienie o sklepie Wróć do góry

Aby wyświetlić klientom Powiadomienie o sklepie w całym witrynie:

1/ Przejdź do: Appearance > Customize > WooCommerce > Store Notice:

2/ Wprowadź wiadomość w obszarze tekstowym.

3/ Zaznacz pole wyboru Włącz powiadomienie o sklepie.

4/ Podgląd, jak powiadomienie o sklepie wygląda w Twojej witrynie/sklepie.

5/ Opublikuj, gdy będziesz zadowolony i gotowy, aby Twoje Powiadomienie o Sklepie weszło na żywo.

To, co widzą odwiedzający Wróć do góry

Tak wyświetla się Powiadomienie o Sklepie na pierwszej stronie Twojego sklepu/ witryny. Odwiedzający mogą wybrać opcję Odrzuć powiadomienie po zobaczeniu go raz.

*Lokalizacja i wygląd Powiadomienia o sklepie będą się różnić w zależności od motywu, którego używasz. Powyższy zrzut ekranu jest z naszym darmowym motywem Storefront.

Edytuj lub usuń powiadomienie o sklepie Powrót do góry

Aby zmienić lub przestać wyświetlać powiadomienie o sklepie w całej witrynie:

1/ Przejdź do: Wygląd > Dostosuj > WooCommerce > Powiadomienie o sklepie:

2/ Aby zmienić Powiadomienie o sklepie:

• Edytuj wiadomość w obszarze tekstowym, aby ją zmienić.

• Usunąć zaznaczenie pola wyboru Włącz powiadomienie o sklepie, aby przestało być wyświetlane odwiedzającym.

3/ Opublikuj, aby zapisać zmiany.

Zaplanuj Powiadomienie o sklepie Powrót na górę

Użycie opcji Zaplanuj dla Powiadomienia o sklepie może być pomocne w przypadku prowadzenia promocji przez ograniczony czas lub zakończenia sprzedaży/zniżki o północy w określonym dniu.

W tym przykładzie chcemy zakończyć ofertę Darmowa wysyłka, gdy wygaśnie ona z końcem dnia 28 lutego.

1/ Przejdź do Wygląd > Dostosuj > WooCommerce > Powiadomienie o sklepie, aby wyświetlić i uzyskać dostęp do bieżącej / opublikowanej promocji.

2/ Odklej pole dla Włącz powiadomienie o sklepie.

3/ Wybierz koło zębate. Zostanie otwarty panel.

4/ Wybierz opcję Harmonogram w prawym menu, a następnie wprowadź Datę i godzinę, o której chcesz, aby zmiana weszła w życie.

5/ Wybierz opcję Harmonogram, aby wprowadzone zmiany zostały wprowadzone we wskazanej przyszłej Dacie i godzinie.

*Trzeba wyłączyć zniżki z tytułu wyprzedaży, kody kuponów lub oferty ograniczone czasowo. Usunięcie powiadomienia nie powoduje automatycznego zatrzymania działania promocji.

Katalog produktów Wróć do góry

Wszystkie opcje dla Katalogu produktów można znaleźć w: Appearance > Customize > WooCommerce > Product Catalog.

Product Catalog pozwala na wybór:

• Co wyświetlać na stronie Sklepu
• Co wyświetlać na stronach Kategorii
• Jak sortować produkty w Kategorii
• Ile produktów pokazywać w. pojedynczym rzędzie
• Ile rzędów produktów wyświetlić na stronie

Strona sklepu Powrót do góry

Twoja strona sklepu może wyświetlać Produkty, Kategorie lub oba. Zalecamy wybranie jednej z nich, aby uzyskać czysty wygląd.

1/ Wybierz Produkty lub Kategorie z listy rozwijanej.

2/ Podgląd wyboru na żywo. Musisz mieć podgląd strony Sklepu.

3/ Opublikuj, aby zapisać i przejść na żywo.

Strony kategorii Powrót do góry

Twoje Strony kategorii mogą wyświetlać Produkty lub Podkategorie w ramach Kategorii, lub oba. Wybór jednej z nich jest zalecany.

Jeśli masz tylko kilka produktów lub nie masz podkategorii, może nie być różnicy w wyglądzie.

1/ Wybierz Produkty lub Podkategorie z listy rozwijanej.

2/ Podgląd wyboru na żywo. Musisz przeglądać stronę Kategorii.

3/ Opublikuj, aby zapisać i przejść na żywo.

Domyślne sortowanie produktów Powrót do góry

Domyślne sortowanie produktów pozwala kontrolować kolejność wyświetlania produktów, co wpływa na to, jak produkty są domyślnie wyświetlane na stronach Sklepu i Kategorii. Odwiedzający nadal mają możliwość sortowania produktów w inny sposób, jeśli jest to pożądane.

Domyślne sortowanie (niestandardowe porządkowanie + nazwa) – wyświetlaj produkty alfabetycznie według nazwy. Jeśli kolejność sortowania produktów została dostosowana, ta niestandardowa kolejność jest brana pod uwagę jako pierwsza, a alfabetycznie według nazwy jako druga (jeśli produkty mają te same pozycje w kolejności). W Twoim sklepie klient zobaczy to jako Domyślne sortowanie.

Sortuj według popularności (sprzedaży) – wyświetl produkty według ilości sprzedanych sztuk, od największej do najmniejszej. Klienci widzą Sortowanie według popularności.

Sort by Average rating (średnia ocena) – wyświetl produkty na podstawie średniej oceny recenzji, od najwyższej do najniższej.

Sortuj według najnowszych – wyświetl produkty w kolejności, w jakiej zostały dodane do sklepu, od najnowszych do najstarszych. Customer see Sort by Latest.

Sort by price (asc / desc) – sortuj produkty według ceny od najniższej do najwyższej (asc) lub od najwyższej do najniższej (desc). Klient widzi albo Sort by price: low to high, albo Sort by price: high to low.

W tym przykładzie wybraliśmy Sort by price (asc) (Sort by price: low to high, pokazane z ✔), a klient ma zamiar wybrać Sort by newsness.

Aby wybrać domyślną kolejność sortowania:

1/ Wybierz opcję z listy rozwijanej:

2/ Podgląd wyboru na żywo. Możesz przeglądać stronę Sklepu lub stronę Kategorii.

3/ Opublikuj, aby zapisać i przejść na żywo.

Produkty na wiersz Powrót do góry

Produkty na wiersz pozwala wybrać liczbę elementów, które pojawiają się w jednym wierszu na stronach Sklepu i Kategorii.

Bądź wrażliwy na:

• Rozmiar obrazu produktu
• Miejsce na komputerze/laptopie, tablecie lub urządzeniu mobilnym
• Optymalne doświadczenie dla klienta przeglądającego i kupującego Twoje produkty

1/ Użyj strzałek, aby zwiększyć/zmniejszyć liczbę produktów.

2/ Podgląd wyboru na żywo. Możesz przeglądać stronę Sklepu lub stronę Kategorii.

3/ Testuj na różnych urządzeniach. Poniżej przykład różnych widoków, z wykorzystaniem tych samych ustawień.

• Na ekranie komputera/laptopa

• Na tablecie

• Na urządzeniu mobilnym

*Skalowanie rozmiaru obrazu i wygląd będą się różnić, w zależności od motywu, którego używasz. Zrzuty ekranu powyżej są z naszym darmowym motywem Storefront.

4/ Opublikuj, aby zapisać i przejść na żywo.

Rows per Page Back to top

Rows per Page pozwala wybrać liczbę wierszy, które pojawiają się na stronach Sklepu i Kategorii.

Bądź wrażliwy na:

• Rozmiar obrazów produktów
• Liczbę produktów, które sprzedajesz
• Miejsce na komputerze/laptopie, tablecie lub urządzeniu mobilnym
• Optymalne doświadczenie dla klienta przeglądającego i kupującego twoje produkty

1/ Użyj strzałek, aby zwiększyć/zmniejszyć liczbę wierszy.

2/ Podgląd wyboru na żywo. Możesz przeglądać stronę Sklepu lub stronę Kategorii.

3/ Testuj na różnych urządzeniach. Poniżej przykład różnych widoków, z wykorzystaniem tych samych ustawień.

• Na ekranie komputera/laptopa

• Na tablecie

• Na urządzeniu mobilnym

*Skalowanie rozmiaru obrazu i wygląd będą się różnić, w zależności od motywu, którego używasz. Powyższe zrzuty ekranu są z naszym darmowym motywem Storefront.

4/ Opublikuj, aby zapisać i przejść na żywo.

Strona produktu Powrót do góry

Strona produktu ma dwie opcje, które mają zastosowanie do stron pojedynczych produktów:

• Sticky Add-to-Cart – Jest to mały pasek zawartości w górnej części okna przeglądarki, który zawiera odpowiednie informacje o produkcie i przycisk add-to-cart. Wsuwa się na widok, gdy standardowy przycisk add-to-cart zniknie z widoku.

• Paginacja produktów – wyświetla następne i poprzednie łącza na stronach produktów. Wyświetlana jest miniatura produktu z tytułem ujawnianym po najechaniu kursorem.

Obrazy produktów Powrót na górę

Obrazy produktów mają dwie funkcje:

• Pozwala wybrać, w jaki sposób obrazy Katalogu i Miniatur są skalowane i przycinane
• Automatycznie zmienia rozmiar obrazów Katalogu i Miniatur w całym sklepie, gdy dokonywana jest zmiana publikacji*

Oszczędza to czas i energię na ręczne przycinanie i zmianę rozmiaru każdego z nich.

Typy obrazów Wróć do góry

• Obrazy katalogowe to średniej wielkości obrazy, które pojawiają się na stronie Sklepu, stronach kategorii oraz dla produktów powiązanych, Up-sells i Cross-sells.
• Obrazy miniatur to najmniejsze obrazy używane w koszyku, widżetach i (opcjonalnie) obrazach galerii pod pojedynczym obrazem produktu na stronach szczegółów poszczególnych produktów.
• Pojedynczy obraz produktu to największy obraz i odnosi się do głównego / charakterystycznego obrazu. Ustawienia obrazów produktów w WooCommerce Customizer nie mają do nich zastosowania. Aby dodać, edytować lub usunąć Pojedynczy Obraz Produktu lub Galerię Obrazów Produktu, zobacz: Dodawanie Obrazów Produktów i Galerii.

* Wcześniej miniatury musiały być regenerowane za pomocą wtyczki innej firmy. WooCommerce 3.3x teraz zajmuje się tym za Ciebie. Regeneracja nie zostanie wywołana dla zmian dokonanych tylko w trybie podglądu.

Resize and Crop Thumbnail Images Back to top

1/ Przejdź do: Wygląd > Dostosuj > WooCommerce > Obrazy produktów.

2/ Wybierz jeden:

• 1:1 – Obraz kwadratowy

• Niestandardowy – Wybierasz proporcje, w których obrazy są przycinane. W tym przykładzie wprowadzono 1:2; a jeden obraz nie może zostać powiększony, aby spełnić to wymaganie.

• Nieprzycięte – obrazy są wyświetlane w takiej postaci, w jakiej są, co może spowodować, że wszystkie będą się różnić, chyba że użyto zdjęć o jednakowym rozmiarze i rozdzielczości. Poniższy zrzut ekranu jest tego przykładem: Jedno z nich jest idealnie kwadratowe, kolejne to mniejszy kwadrat, a ostatnie to prostokąt.

3/ Testuj na różnych urządzeniach. Poniżej przykład różnych widoków, z wykorzystaniem tych samych ustawień.

• Na ekranie komputera/laptopa

• Na tablecie.

• Na urządzeniu mobilnym.

4/ Opublikuj, aby zapisać i przejść na żywo.

Checkout Back to top

Wszystkie opcje dotyczące Checkout można znaleźć w: Wygląd > Dostosuj > WooCommerce > Checkout.

Możesz teraz ustawić, czy niektóre pola są wymagane czy opcjonalne w zależności od danych, które chcesz zebrać. Możesz również wybrać wyróżnienie wymaganych pól gwiazdką, co jest domyślne.

Zaleca się utworzenie stron Polityki prywatności i Warunków, a następnie można je ustawić tutaj. Ustawione strony są linkowane wraz z wpisanym tekstem i pojawiają się na stronie Kasa w następujący sposób:

Łącze „polityka prywatności” otwiera stronę w nowym oknie, natomiast łącze „regulamin” otwiera okno na stronie pokazujące zawartość strony regulamin. Zamówienie nie może zostać złożone bez zaznaczenia wymaganego pola warunków.

FAQs Powrót do góry

Nie mogę znaleźć WooCommerce Customizer. Back to top

Sklepy korzystające z WooCommerce 3.3x+ mają tę opcję dostępną w: Appearance > Customize > WooCommerce. Sklepy korzystające z wersji WooCommerce wcześniejszej niż 3.3.0 zobaczą Powiadomienie o sklepie i Obrazy produktów w: WooCommerce > Ustawienia > Produkty > Sekcja wyświetlania; Katalog produktów jest nowy.

Zalecamy aktualizację do najnowszej wersji WooCommerce, aby skorzystać z nowych i ulepszonych funkcji i funkcji. Dzięki!

Czy nadal mogę używać wtyczki Regenerate Thumbnails? Wróć do góry

Tak, możesz. Ale nie jest to konieczne, jeśli używasz WooCommerce 3.3.0 lub nowszego, ponieważ zmiana na nowe lub inne, lub jakakolwiek zmiana na żywo w Katalogu Produktów lub Obrazach Produktów, uruchamia WooCommerce, aby automatycznie dostosować rozmiar i automatycznie zaktualizować miniatury i obrazy katalogu produktów dla Ciebie.

Możesz również użyć opcji Regeneruj miniatury sklepu w: WooCommerce > Status > Narzędzia.

.