Jak dostosować motyw Storefront za pomocą Customizer

Dzięki ponad 200 000 aktywnych instalacji motyw Storefront bezproblemowo integruje się z WooCommerce. WooCommerce sprawdził się jako świetne narzędzie do założenia sklepu eCommerce przy minimalnych nakładach inwestycyjnych. Co więcej, oba zapewniają właścicielom sklepów dużą elastyczność w zakresie dowolnej modyfikacji wyglądu i funkcjonalności sklepu.

Dostosowywanie motywu witryny sklepu WooCommerce za pomocą narzędzia Customizer

Motyw Storefront oferuje doskonałe opcje wizualnego wzbogacenia Twojego sklepu. Jeśli jesteś programistą WordPress, nie ma ograniczeń co do dostosowywania swojego sklepu internetowego.

Jednak tak nie jest w przypadku osób, które nie są tak obeznane z technologią. W takim przypadku możesz skorzystać z narzędzia WooCommerce Customizer. Jest to część WordPress > Dostosuj i umożliwia wybór opcji, które mają zastosowanie w całej witrynie dla informacji o sklepie, katalogu produktów i zdjęć produktów bez dotykania kodu.

Jak znaleźć konfigurator WooCommerce

W panelu menu WordPress przejdź do Wygląd > Dostosuj . Spowoduje to otwarcie menu Dostosuj . Wybierz WooCommerce .

W tej sekcji dostępnych jest pięć opcji:

• Zawiadomienie o sklepie
• Katalog produktów
• Strona produktu
• Obrazy produktów
• Sprawdzić

Zawiadomienie o sklepie

Ta sekcja umożliwia wprowadzenie wiadomości w całej witrynie, która będzie pokazywana wszystkim odwiedzającym Twój sklep. Ta wiadomość może mieć charakter informacyjny lub promocyjny. Przykładem powiadomienia informacyjnego jest notatka informująca klientów o opóźnieniach w dostawach spowodowanych warunkami pogodowymi. Przykładem ogłoszenia promocyjnego jest notatka reklamująca wydarzenie, pakiet, wyprzedaż lub bezpłatną wysyłkę.

Musisz jednak upewnić się, że włączyłeś powiadomienie sklepu, jak pokazano na obrazku. Jeśli odznaczysz pole Włącz powiadomienie w sklepie, przestanie ono być wyświetlane odwiedzającym.

Jeśli jesteś zadowolony ze zmian, kliknij Opublikuj.

Dodatkowo możesz zaplanować powiadomienie sklepu za pomocą opcji Zaplanuj. Ta opcja pomaga uruchomić promocje przez ograniczony czas lub zakończyć zniżkę o północy w określonym dniu.

Należy jednak pamiętać, że usunięcie powiadomienia nie powoduje automatycznego zatrzymania promocji. Oznacza to, że musisz wyłączyć zniżki wyprzedaży, kody kuponów lub oferty ograniczone czasowo.

Katalog produktów

W tej sekcji możesz wybrać:

• Co wyświetlić na stronie Sklepu
• Co wyświetlać na stronach kategorii
• Jak sortować produkty w kategorii
• Ile produktów pokazać w jednym rzędzie
• Ile wierszy produktów wyświetlić na stronie

Opcja wyświetlania strony Sklepu umożliwia wyświetlanie Produktów, Kategorii lub obu. Gorąco polecam jednak wybranie jednego, aby uzyskać czysty wygląd.

Opcja wyświetlania kategorii może wyświetlać produkty lub podkategorie w ramach kategorii lub obie. Zaleca się wybranie jednego.

Opcja Domyślne sortowanie produktów pozwala kontrolować, które produkty są wyświetlane. Wpływa na to, jak produkty są domyślnie oglądane na stronach Sklepu i Kategorii.

• Domyślne sortowanie (niestandardowe zamówienie + nazwa) – wyświetlaj produkty alfabetycznie według nazwy.
• Sortuj według popularności (sprzedaż) – wyświetlaj produkty według sprzedanych ilości.
• Sortuj według średniej oceny – wyświetlaj produkty na podstawie średnich ocen recenzji.
• Sortuj według najnowszych – wyświetlaj produkty w kolejności ich dodania do sklepu.
• Sortuj według ceny (asc lub desc) – sortuj produkt według ceny od najniższej do najwyższej (asc) lub od najwyższej do najniższej (desc).

Opcja Produkt w rzędzie pozwala wybrać liczbę produktów, które pojawią się w jednym rzędzie na stronach Sklep i Kategoria. Z drugiej strony opcja Wiersze na stronę pozwala wybrać liczbę wierszy wyświetlanych na stronach Sklepu i Kategorii. Najlepiej jednak być wrażliwym na rozmiar zdjęć produktów i ilość wolnego miejsca na komputerze/laptopie, tablecie lub urządzeniu mobilnym.

Strona produktu

Ta sekcja ma dwie funkcje:

• Sticky Add-to-Cart – Jest to pasek zawartości w górnej części okna przeglądarki. Ten pasek zawiera istotne informacje o produkcie oraz przycisk dodawania do koszyka.
• Paginacja produktów – wyświetla następne i poprzednie linki na stronach produktów.

Obrazy produktów

Ta sekcja umożliwia wybór rozmiaru i przycinania obrazów katalogu i miniatur. Ponadto możesz zmienić rozmiar obrazów katalogu i miniatur w całej witrynie w swoim sklepie po wprowadzeniu opublikowanej zmiany.

Typy obrazów obsługiwane przez tę opcję to:

• Obrazy katalogowe
• Obrazy miniatur
• Zdjęcia pojedynczych produktów

Sprawdzić

Ta sekcja pozwala określić, czy określone pola są wymagane, czy opcjonalne, w zależności od danych, które chcesz zebrać. Co więcej, możesz wybrać podświetlenie wymaganych pól gwiazdką, co jest ustawieniem domyślnym.

Dodatkowo gorąco polecam utworzenie stron Polityki Prywatności i Regulaminu. Link „Polityka prywatności” otwiera stronę w nowym oknie, a link „Regulamin” otwiera pole na stronie z zawartością strony regulaminu.

Wniosek

W tym poście podkreśliłem opcje znajdujące się w konfiguratorze WooCommerce. Jeśli jesteś początkującym WordPressem, nie będziesz miał trudności z przeglądaniem zmian, które wprowadzasz w czasie rzeczywistym. Najlepiej jednak, gdybyś pamiętał, że Twój projekt ma znaczenie. Dodatkowo wpłynie to na wrażenia użytkownika w Twoim sklepie WooCommerce.

Podobne artykuły

1. Witryna WooCommerce Storefront Pokaż wszystkie kategorie na stronie głównej
2. Jak wyświetlić nazwę kategorii w WordPress za pomocą praktycznego przykładu?
3. Jak dodać tekst przed ceną w WooCommerce »Dodaj tekst przed ceną
4. Jak zmienić rozmiar obrazów produktów WooCommerce?
5. Jak ukryć przycisk Dodaj do koszyka w WooCommerce?
6. Jak dodać tekst po cenie w WooCommerce » Dodaj sufiks ceny
7. Dostosowywanie strony głównej motywu WooCommerce Storefront [Ultimate Guide]
8. Jak utworzyć stronę mojego konta w WooCommerce?
9. Jak wyświetlić wszystkie produkty zakupione przez użytkownika – historia zakupów
10. Jak ustawić rozmiary miniatur witryny sklepu WooCommerce?
11. Recenzja motywu WooCommerce Storefront
12. Jak ukryć brakujące odmiany w WooCommerce
13. Jak dostosować wysokość nagłówka sklepu WooCommerce?
14. Jak dodać produkt po konfiguracji witryny sklepowej [Przewodnik dla początkujących]
15. Jak zmienić produkty na stronę Motyw WooCommerce Storefront
16. Co to jest motyw witryny sklepu WooCommerce? [Odpowiedź]
17. Jak ukryć najlepiej sprzedającą się stronę główną sklepu WooCommerce?
18. Jak dodać niestandardowe pole tekstowe Woocommerce na stronie produktu?