Jak dodać niestandardowy kod do WooCommerce?

Konfigurowanie fragmentów kodu i konfigurowanie plików WooCommerce może być mylące dla początkujących użytkowników. Ponadto popełnianie błędów z tymi plikami może mieć fatalne skutki, a nawet spowodować awarię witryny. Dlatego w tym przewodniku pokażemy Ci różne metody dodawania niestandardowego kodu do WooCommerce .

Widzieliśmy wcześniej, jak ręcznie dostosować swój sklep. Niezależnie od tego, czy jest to strona sklepu, strona Moje konto, strona koszyka czy strony produktów, możesz je ręcznie dostosować, dodając niestandardowy kod. Możesz także użyć kodu do skonfigurowania różnych elementów WooCommerce, aby spersonalizować zakupy i wyróżnić się na tle konkurencji. Wszystko to wymaga dodania fragmentów kodu do Twojej witryny.

Zanim przyjrzymy się różnym metodom, zobaczmy niektóre z głównych korzyści płynących z nauki dodawania niestandardowego kodu.

Po co dodawać i dostosowywać kod w WooCommerce?

Jedną z kluczowych cech WooCommerce jest możliwość dostosowania. Dzięki już zróżnicowanym i elastycznym opcjom, a także różnym dostępnym wtyczkom i dodatkom, WooCommerce wyróżnia się jako jedna z najbardziej konfigurowalnych platform eCommerce. Istnieje jednak kilka wymagań, które należy spełnić, aby dodać niestandardowy kod.

Niezależnie od tego, czy chcesz zmienić tekst Przejdź do kasy, usunąć przyciski Dodaj do koszyka , czy zmienić wygląd swojej witryny, musisz użyć niestandardowych funkcji i haków WooCommerce. Deweloperzy i każdy, kto zna się na umiejętnościach kodowania, wiedzą, jak ważna jest możliwość dodawania fragmentów we właściwy sposób. Dzięki temu możesz nie tylko edytować swój sklep, ale także dodawać do niego funkcjonalności. Dobrą wiadomością jest to, że otwarty charakter zarówno WooCommerce, jak i WordPress sprawia, że ​​jest to znacznie bardziej przystępny proces.

WooCommerce w pełni popiera swoich użytkowników w dostosowywaniu kodu, chociaż proces ten obejmuje edycję podstawowych plików, co wiąże się z pewnym ryzykiem.

Widzieliśmy już wiele poradników, jak konfigurować różne elementy i pliki za pomocą fragmentów kodu. Tym razem skupimy się na pierwszej części tego procesu i zobaczymy różne metody dodawania niestandardowego kodu do WooCommerce we właściwy sposób .

Jak dodać niestandardowy kod do WooCommerce?

Istnieją różne sposoby dodawania fragmentów kodu do WooCommerce :

1. Z wbudowanym edytorem motywów WordPress
2. Korzystanie z dedykowanej wtyczki
3. Korzystanie z FTP w celu uzyskania dostępu do plików motywów
4. Konfigurując pliki szablonów WooCommerce
5. Tworząc nową niestandardową wtyczkę

Przyjrzyjmy się krok po kroku każdej metodzie.

UWAGA : Wszystkie te metody wymagają edycji podstawowych plików, które wiążą się z pewnym ryzykiem. Dlatego przed rozpoczęciem warto wykonać kopię zapasową witryny.

1) Dodaj niestandardowe za pomocą wbudowanego edytora WordPress

Domyślną metodą dodawania niestandardowego kodu do WooCommerce jest użycie wbudowanego edytora motywów. Możesz uzyskać dostęp do functions.php i bezpośrednio dodać do niego kod PHP. Jeśli jednak w kodzie wystąpią błędy lub usuniesz części kodu, Twoja witryna może zostać poważnie naruszona. Dlatego zalecamy użycie motywu potomnego i dodanie dodatkowej warstwy bezpieczeństwa.

Aby otworzyć plik functions.php w edytorze motywów, przejdź do opcji Wygląd > Edytor motywów na pulpicie nawigacyjnym . Następnie kliknij functions.php na pasku bocznym Pliki motywów po prawej stronie.

Dodawanie niestandardowego kodu do pliku functions.php

Teraz możesz dodać niestandardowy kod do WooCommerce z Edytora motywów. W tym demo zmienimy domyślny tekst „Brak produktów w koszyku” na „Twój koszyk jest obecnie pusty, zalecamy sprawdzenie naszych polecanych produktów!”:

 remove_action( 'woocommerce_cart_is_empty', 'wc_empty_cart_message', 10 );
add_action( 'woocommerce_cart_is_empty', 'quadlayers_empty_cart_message', 10 );

funkcja quadlayers_empty_cart_message() {
$html = '<div class="col-12 offset-md-1 col-md-10"><p class="cart-empty">';
$html .= wp_kses_post( apply_filters( 'wc_empty_cart_message', __( 'Twój koszyk jest obecnie pusty, zalecamy sprawdzenie naszych polecanych produktów!', 'woocommerce') ) );
echo $html . '</p></div>';
}

Po prostu wklej ten skrypt w edytorze motywów i zaktualizuj plik, aby zastosować zmiany.

Sprawdź frontend i powinieneś zobaczyć coś takiego:

Dodanie kodu to jedno, ale ważne jest również, aby zrozumieć, jak działa kod.

Powyższy kod dodaje niestandardowy hak WooCommerce, który stosuje określoną akcję, aby zastąpić domyślną wiadomość o pustym koszyku niestandardową wiadomością, którą dodaliśmy do kodu. Aby zmienić tekst, po prostu zastąp wiadomość tekstową w tej linii:

 $html .= wp_kses_post( apply_filters( 'wc_empty_cart_message', __( 'Twój koszyk jest obecnie pusty, zalecamy sprawdzenie naszych polecanych produktów!', 'woocommerce') ) );

Jeśli chcesz dowiedzieć się więcej o dostosowywaniu komunikatu „ Brak produktów w koszyku ” i jak najlepiej go wykorzystać, zapoznaj się z tym pełnym przewodnikiem.

Jak wspomniano wcześniej, dodawanie kodu w ten sposób jest szybkie i łatwe, ale wiąże się z sporym ryzykiem. Na przykład użycie niewłaściwego kodu może spowodować uszkodzenie lub awarię witryny. Ponadto mogą wystąpić problemy ze zgodnością z niestandardowym kodem, które mogą wpływać na niektóre funkcje, wtyczki lub motywy. Co więcej, jeśli dodasz swój kod do function.php motywu nadrzędnego, a następnie zmienisz lub zaktualizujesz motyw, możesz utracić niestandardowy kod, który dodałeś.

Dlatego, jeśli jesteś początkującym, zalecamy wypróbowanie drugiej metody i użycie wtyczek, aby dodać niestandardowy kod do WooCommerce.

2) Dodaj kod za pomocą wtyczek

Korzystanie z wtyczki jest bardziej przyjazne dla początkujących, jeśli chodzi o dodawanie fragmentów. Możesz łatwo kontrolować, jakie fragmenty kodu włączysz w swojej witrynie, a każdy dodany kod zostanie zapisany, nawet jeśli zmienisz motyw. Dodatkowo w dowolnym momencie możesz aktywować lub dezaktywować dowolny kod.

W naszym demo użyjemy wtyczki Code Snippets. Jest to jedna z najpopularniejszych wtyczek do dodawania niestandardowego kodu do dowolnej witryny.

Najpierw zainstaluj wtyczkę, otwierając pulpit nawigacyjny WP Admin i przechodząc do Wtyczki> Dodaj nowy . Użyj paska wyszukiwania w prawym górnym rogu i wyszukaj fragmenty kodu . Następnie kliknij Zainstaluj i na koniec aktywuj wtyczkę.

Po aktywacji możesz dodać kod i dostosować swój sklep WooCommerce. Przejdź do Fragmenty > Dodaj nowy , aby dodać nowy kod.

Nazwij swój fragment kodu i dodaj swój kod do sekcji Kod . W przypadku demonstracji użyjemy poniższego kodu, aby ukryć przycisk Dodaj do koszyka.

 remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 ); 

Następnie możesz zdecydować, czy chcesz uruchomić kod na całej swojej stronie internetowej, czy też wybrać uruchamianie go na zapleczu lub tylko na froncie. Alternatywnie możesz uruchomić ten kod tylko raz.

Podobnie możesz ustawić priorytet kodu i dodać opis fragmentu kodu oraz tagi.

Po skonfigurowaniu wszystkich szczegółów kliknij Zapisz zmiany lub Zapisz zmiany i aktywuj , aby dodać nowy kod.

Jeśli chcesz dezaktywować lub aktywować swój kod pojedynczo, przejdź do Snippets > All Snippets i możesz indywidualnie wyłączyć lub włączyć dowolny ze swoich fragmentów.

3) Dodaj niestandardowy kod za pomocą klienta FTP

Jeśli wszystkie te opcje nie są dla Ciebie dostępne i musisz ręcznie dodać niestandardowy kod do swojego sklepu WooCommerce, być może będziesz musiał to zrobić za pomocą klienta FTP . Istnieje kilka narzędzi, ale w tym samouczku użyjemy FileZilla.

UWAGA : NIE zalecamy tej metody, jeśli nie jesteś przyzwyczajony do korzystania z klienta FTP lub konfigurowania serwera i jego plików. Co więcej, może to wymagać dostępu do twojego cPanel i FTP . Zepsucie tych plików może mieć poważne skutki dla Twojej witryny, dlatego zdecydowanie zalecamy trzymanie się powyższych metod, jeśli chcesz zmniejszyć ryzyko związane z dodawaniem niestandardowego kodu do swojej witryny.

Najpierw otwórz FileZilla lub preferowanego klienta FTP i podłącz go do swojej witryny. Następnie zlokalizuj pliki motywów w katalogu swojej witryny. Znajdują się one zwykle w katalogu /wp-content/themes na serwerze. Kliknij folder bieżącego motywu lub motyw podrzędny, który możesz konfigurować.

Otwórz folder motywu, kliknij prawym przyciskiem myszy znajdujący się w nim plik functions.php , a następnie naciśnij Widok/Edytuj.

Tutaj za pomocą edytora plików możesz wkleić kod na końcu pliku i zapisać go. W tym celu użyjemy tego samego kodu, co powyżej, aby ukryć przycisk Dodaj do koszyka:

 remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart'); 

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 ); 

Inną ciekawą alternatywą dodawania kodu jest dostosowanie plików szablonów WooCommerce.

4) Dodaj kod, dostosowując pliki szablonów WooCommerce

Edytowanie szablonów to jeden z najszybszych sposobów konfiguracji wszystkich elementów sklepu WooCommerce i wszystkich jego stron. Obejmuje to stronę kasy, stronę produktu, stronę sklepu i wiele innych.

Dobrą wiadomością jest to, że możesz edytować pliki szablonów WooCommerce w podobny sposób, jak powyżej, korzystając z wbudowanego edytora wtyczek WordPress. Aby uzyskać do niego dostęp, w panelu administratora przejdź do Wtyczki > Edytor wtyczek .

Następnie użyj menu rozwijanego Wybierz wtyczki w prawym górnym rogu, wybierz WooCommerce i kliknij Wybierz.

Spowoduje to aktualizację poniższej listy plików wtyczek , której możesz użyć do skonfigurowania plików i szablonów WooCommerce. W naszym demo edytujemy stronę z podziękowaniami w kasie . Tak więc pod listą plików wtyczek wybierz Zamówienie > thankyou.php .

Następnie przewiń w dół i zmień tekst zamówienia otrzymanego , zastępując tekst w tej linii:

 <p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received"><?php echo apply_filters( 'woocommerce_thankyou_order_received_text', esc_html__( 'Dziękujemy. Twoje zamówienie zostało otrzymane.', 'woocommerce' ), zero ); // phpcs:ignoruj ​​WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>

Na przykład, aby zmienić wiadomość otrzymanego Zamówienia na coś w stylu „Dziękujemy za zakup u nas. Wkrótce otrzymasz wiadomość dotyczącą instrukcji.”, wklej ten kod:

 <p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received"><?php echo apply_filters( 'woocommerce_thankyou_order_received_text', esc_html__( 'Dziękujemy za zakup od nas. Wkrótce otrzymasz wiadomość dotyczącą instrukcje...', 'woocommerce' ), null ); // phpcs:ignoruj ​​WordPress.Security.EscapeOutput.OutputNotEscaped ?></p> 

Tutaj właśnie zaktualizowaliśmy tekst haka do czegoś bardziej odpowiadającego naszym potrzebom. Gdy będziesz zadowolony ze zmian, naciśnij Aktualizuj plik .

Jeśli chcesz dowiedzieć się więcej o konfigurowaniu plików szablonów, zapoznaj się z naszym przewodnikiem, jak dostosować pliki szablonów WooCommerce.

5) Dodaj kod, tworząc nową niestandardową wtyczkę

Stworzenie zupełnie nowej wtyczki jest również opcją, jeśli chodzi o dodawanie niestandardowych kodów do WooCommerce. Jest to nieco bardziej zaawansowana opcja użytkownika i zalecamy korzystanie z tej metody tylko wtedy, gdy chcesz, aby określona funkcja była dołączona do samodzielnej wtyczki. W ten sposób zawsze możesz aktywować/dezaktywować wtyczkę , gdy dana funkcja jest odpowiednio wymagana lub nie.

Co więcej, może to być świetne rozwiązanie, jeśli musisz również zarządzać wieloma witrynami. Możesz po prostu dołączyć funkcję do witryn za pomocą wtyczki zamiast ręcznie dodawać do nich kod.

Ponadto sam WordPress ułatwia tworzenie i używanie nowych wtyczek. Wszystko, co musisz zrobić, to po prostu utworzyć nowy folder wtyczek w katalogu swojej witryny i dodać kilka kodów do pliku PHP. Po pierwsze, musisz najpierw połączyć się ze swoją witryną za pomocą FTP . W naszym przewodniku użyjemy Filezilli, ale proces powinien być podobny dla każdego innego klienta FTP.

Jednak zanim zaczniesz, zdecydowanie zalecamy wykonanie kopii zapasowej swojej witryny.

Tworzenie nowego folderu wtyczek w celu dodania niestandardowego kodu do WooCommerce

Po połączeniu witryny z FTP otwórz dyrektor witryny. Następnie przejdź do folderu /wp-content/plugins .

Teraz utwórz nowy katalog w folderze wtyczek i nazwij go zgodnie ze swoim kodem i rozwiń go. W naszym demo nazwiemy go Remove-Add-To-Cart .

Następnie kliknij prawym przyciskiem myszy folder, aby kliknąć Utwórz nowy plik . Tutaj musisz utworzyć plik .php o tej samej nazwie, co Twój folder. Tak więc nazwiemy nasz plik Remove-Add-to-Cart.php.

Po utworzeniu pliku otwórz go, klikając go prawym przyciskiem myszy i klikając Wyświetl/Edytuj .

Następnie dodamy kilka linijek kodu, aby dodać do niej nazwę wtyczki, opis i nazwisko autora:

 <?php
/**
* Nazwa wtyczki: Usuń Dodaj do koszyka
* Opis: Dodawanie wtyczki usuwania do koszyka
* Autor: Sijal Shrestha
* Wersja: 1.0
*/

/* Umieść tutaj swoje fragmenty. */
/* Umieść swoje fragmenty powyżej tutaj. */
?> 

Dodanie niestandardowego kodu do nowej wtyczki

Teraz możesz zacząć dodawać swój niestandardowy kod do wtyczki. Musisz dodać swój niestandardowy kod między sekcją /*Umieść swoje fragmenty tutaj */. Przypominamy, że te wiersze są po prostu komentarzami, więc nie będą miały wpływu na Twój kod i możesz je usunąć, jeśli chcesz.

 <?php
/**
* Nazwa wtyczki: Usuń Dodaj do koszyka
* Opis: Dodawanie wtyczki usuwania do koszyka
* Autor: Sijal Shrestha
* Wersja: 1.0
*/

/* Umieść tutaj swoje fragmenty. */

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
/* Umieść swoje fragmenty powyżej tutaj. */
?> 

Następnie zapisz plik i powinieneś zobaczyć, że wtyczka znajduje się na liście pulpitu nawigacyjnego administratora WP na stronie Wtyczki .

Aktywuj wtyczkę, a Twój niestandardowy kod powinien działać idealnie. Możesz także skompresować folder wtyczek, jeśli chcesz, i użyć go do zainstalowania go na różnych stronach internetowych. Po prostu pobierz folder z klienta FTP i skompresuj folder.

Następnie możesz użyć tego zipa, aby zainstalować wtyczkę na dowolnej stronie internetowej. Jeśli potrzebujesz więcej pomocy, mamy również szczegółowe instrukcje ręcznej instalacji wtyczki WordPress.

Którą metodę należy użyć, aby dodać niestandardowy kod?

Widzieliśmy różne metody, ale która jest najlepsza do dodawania fragmentów? Chociaż korzystanie z klienta FTP i ręczne uzyskiwanie dostępu do plików może być dość szybkie i łatwe, dodawanie w ten sposób niestandardowych kodów może wiązać się ze znacznym ryzykiem. Dlatego, aby zminimalizować ryzyko, zalecamy użycie dedykowanej wtyczki kodu niestandardowego , zwłaszcza jeśli nie masz zaawansowanych umiejętności kodowania.

Ta metoda jest dużo mniej ryzykowna i może mieć dodatkowe zalety, takie jak:

• Możliwość śledzenia różnych kodów i włączania/wyłączania ich w dowolnym momencie
• Dodawanie sprzecznego kodu i włączanie/wyłączanie ich alternatywnie w razie potrzeby
• Sprawdzanie zgodności z motywem/instalacjami
• Łatwiejsze debugowanie i odzyskiwanie po problemach

Korzystanie z dedykowanej wtyczki do dodawania niestandardowego kodu do WooCommerce zapewnia łatwy sposób konfiguracji haków przy jednoczesnym minimalizowaniu możliwych problemów. Jeśli jednak chcesz mieć pewność, że nowo dodany kod nie powoduje problemów ani awarii witryny, zalecamy zapoznanie się z poniższymi wskazówkami.

Najlepsze praktyki przy dodawaniu niestandardowego kodu do WooCommerce

1) Korzystanie z motywów potomnych

Używanie motywu potomnego jest jedną z pierwszych rzeczy, które zalecamy, jeśli zamierzasz dodać niestandardowy kod do pliku functions.php . Niezależnie od kodu, który edytujesz lub dodajesz, dzięki motywowi podrzędnemu zapewniasz, że będziesz mógł cofnąć wszelkie zmiany w dowolnym momencie bez modyfikowania plików głównego motywu.

Ponadto ważną rzeczą do rozważenia przy zmianach kodu i modyfikowaniu arkuszy stylów jest to, że jeśli zaktualizujesz motyw WordPress , możesz utracić wszystkie zmiany. Dzieje się tak, ponieważ plik funcitons.php zostanie nadpisany aktualizacją motywu i usunie cały niestandardowy kod. Dlatego dodawanie kodu do motywu nadrzędnego nie jest zalecaną praktyką.

Dzięki motywowi podrzędnemu masz pewność, że nie stracisz dostosowania nawet po zaktualizowaniu motywu nadrzędnego. Dodatkowo, jeśli Twój motyw się zepsuje, zawsze możesz cofnąć zmiany i zacząć od nowa.

Możesz utworzyć motyw podrzędny programowo lub użyć dedykowanej wtyczki. W tej sekcji pokażemy, jak utworzyć motyw potomny za pomocą wtyczki, ponieważ jest to łatwiejszy proces.

Tworzenie motywu potomnego za pomocą wtyczki

Tworzenie motywu potomnego za pomocą wtyczki jest prostym i przyjaznym dla początkujących procesem. Istnieje wiele wtyczek, których możesz użyć. W tej demonstracji użyjemy Kreatora motywów potomnych .

Najpierw otwórz pulpit nawigacyjny administratora WP i przejdź do Wtyczki> Dodaj nowy . Następnie użyj menu wyszukiwania w prawym górnym rogu, aby wyszukać Kreator motywów potomnych . Kliknij Zainstaluj , a następnie naciśnij Aktywuj , gdy przycisk się przełączy.

Następnie możesz uzyskać dostęp do funkcji wtyczki, klikając Narzędzia > Kreator motywów potomnych.

Aby utworzyć nowy motyw potomny, użyj pola motywu nadrzędnego, aby wybrać motyw, dla którego chcesz utworzyć motyw potomny. W naszym demo użyjemy motywu Storefront .

Następnie dodaj szczegóły, takie jak tytuł, opis, adres URL i inne. Gdy skończysz, kliknij Utwórz motyw podrzędny i powinno być gotowe.

Teraz przełącz się na motyw potomny, przechodząc do Wygląd> Motywy na pasku bocznym i naciskając Aktywuj na nowo utworzonym motywie potomnym.

Otóż ​​to! Teraz możesz swobodnie dodać swój niestandardowy kod do pliku function.php pod nowo utworzonym motywem potomnym.

2) Korzystanie z wtyczek WordPress Backup i konfigurowanie kopii zapasowych

Jedną z najważniejszych rzeczy do zrobienia podczas modyfikowania dowolnego pliku WordPress/WooCommerce lub zmiany dowolnego z plików w instalacji jest skonfigurowanie kopii zapasowych. Chociaż WooCommerce jest dość elastyczny, niekompatybilny lub nieprawidłowo działający kod może powodować poważne problemy.

W niektórych przypadkach może się zawiesić, a nawet zepsuć witrynę i spowodować przestój w Twojej firmie WooCommerce. Dlatego zdecydowanie zalecamy regularne tworzenie kopii zapasowych. Dlatego przed dodaniem niestandardowego kodu do witryny pamiętaj, aby utworzyć kopię zapasową, do której możesz wrócić, jeśli coś pójdzie nie tak.

Aby uzyskać więcej informacji na ten temat, zapoznaj się z naszym dedykowanym przewodnikiem na temat tworzenia kopii zapasowych w WordPress.

3) Dowiedz się, jak działa kod i jak wykorzystywane są hooki i funkcje WooCommerce

Większość niestandardowego kodu dla WooComerce wykorzystuje haki do wykonywania określonych działań lub zmiany niektórych elementów. Dlatego dobrym pomysłem jest zapoznanie się z działaniem tych filtrów i sposobem ich stosowania w witrynie przed wprowadzeniem kodu niestandardowego. Nie tylko zapobiega to używaniu niekompletnego lub nieprawidłowo działającego kodu, ale także zapewnia, że ​​możesz go dostosować, aby działał lepiej dla twoich potrzeb.

Na przykład spójrzmy na ten fragment, który uniemożliwia kupowanie, jeśli nie jesteś zalogowany:

 add_action( 'woocommerce_before_single_product', 'quadlayers_add_message');
add_filter( 'woocommerce_is_purchasable', 'quadlayers_block_admin_purchase' );
function quadlayers_block_admin_purchase($block) {
if ( is_user_logged_in() ):return true;
else:zwróć fałszywe;
endif;
}

function quadlayers_add_message(){
if ( !is_user_logged_in() ):echo '<H2>ZALOGUJ SIĘ, ABY KUPIĆ TEN PRODUKT</h2>';
endif;
}

Tak działają haki WooCommerce:

• Zaczep akcji służy do drukowania wiadomości za pomocą funkcji QuadLayers_add_message , podczas gdy zaczep filtra używa funkcji quadlayers_block_admin_purchase , aby wyłączyć przycisk Dodaj do koszyka
• Instrukcja IF jest używana w obu tych funkcjach, aby sprawdzić, czy użytkownik jest zalogowany, czy nie
• Hak woocommerce_is_purchasable jest stosowany, jeśli warunkowa instrukcja IF zwraca wartość true
• Zastosowaliśmy również dodatkowe CSS, aby zmienić styl tekstu wiadomości, a także dodać niestandardowe kolory

Przejdźmy dalej i dodajmy to do pliku function.php naszego motywu potomnego:

To daje nam taki wynik na froncie:

Jeśli chcesz dowiedzieć się, jak działa niestandardowy kod WooCommerce, zapoznaj się z naszym przewodnikiem na temat korzystania z haków WC.

Wniosek

Podsumowując, nauka dodawania niestandardowego kodu do WooCommerce może być kluczową częścią dostosowywania sklepu. Im więcej elementów spersonalizujesz, tym bardziej możesz wyróżnić się na tle konkurencji. Dodając fragmenty kodu, usuwasz, unikasz tak bardzo polegania na wtyczkach i masz większą elastyczność.

W tym przewodniku poznaliśmy różne metody dodawania fragmentów kodu:

• Korzystając z wbudowanego edytora motywów do edycji pliku functions.php
• Z dedykowaną wtyczką WordPress do dodawania niestandardowych fragmentów kodu
• Używanie FTP do ręcznego dostępu do pliku function.php
• Używanie edytora wtyczek do ręcznej edycji szablonów WooCommerce
• Używanie FTP do tworzenia nowej wtyczki z niestandardowym kodem.

Wszystkie te metody pozwalają łatwo dostosować i skonfigurować witrynę WooCommerce. Wszystkie te metody wymagają podstawowego poziomu umiejętności kodowania, ale korzystanie z wtyczki jest metodą najbardziej przyjazną dla początkujących. Edytowanie pliku functions.php z wbudowanego edytora jest łatwe, ale wiąże się z pewnymi zagrożeniami, o których należy pamiętać. To samo dotyczy sytuacji, gdy chcesz bezpośrednio dostosować pliki szablonów WooCommerce. Wreszcie, korzystanie z klienta FTP jest nieco bardziej zaawansowaną metodą, ponieważ wymaga pewnej wiedzy, aby skonfigurować pliki serwera.

Czy dodałeś fragmenty do swojego sklepu WooCommerce? Jakiej metody użyłeś? Czy znasz inne sposoby, które powinniśmy dodać? Daj nam znać w sekcji komentarzy poniżej!

Na koniec, jeśli szukasz dodatkowych fragmentów kodu i sposobów na programowe dostosowanie sklepu, mamy coś dla Ciebie. Jeśli podobał Ci się ten przewodnik, zapoznaj się z tymi artykułami, które pomogą Ci w pełni wykorzystać możliwości Twojego sklepu WooCommerce:

• Jak programowo edytować stronę produktu WooCommerce?
• Programowo edytuj stronę Moje konto WooCommerce
• Jak programowo edytować stronę sklepu WooCommerce?