Najlepsze fragmenty kodu WooCommerce dla WordPress

Opublikowany: 2023-05-12

Czy chcesz poznać najlepsze fragmenty kodu WooCommerce dla WordPress ? Jeśli planujesz ulepszyć swój sklep internetowy i dodać więcej funkcji, czytaj dalej ten artykuł. W tym przewodniku znajdziesz zestaw fragmentów kodu, które powinieneś znać.

Ale najpierw zobaczmy, czym jest fragment kodu i dlaczego musimy go użyć.

Co to jest fragment kodu?

Fragment kodu to niewielka część kodu, która wykonuje określone zadanie lub funkcję na stronie internetowej lub w programie. Jest często używany do dostosowywania strony internetowej/narzędzia i ulepszania funkcji.

Możesz pisać fragmenty kodu w dowolnym języku programowania, od prostej jednowierszowej po wielowierszową funkcję lub algorytm. Ponadto można je również znaleźć online w bibliotekach kodów, forach i blogach programistycznych, a programiści często udostępniają je i modyfikują, aby pasowały do ​​ich konkretnych potrzeb.

Korzystanie z fragmentów kodu może zaoszczędzić czas i wysiłek. Ale bardzo ważne jest, aby zrozumieć, jak działa kod i upewnić się, że jest bezpieczny i nie powoduje żadnych luk w zabezpieczeniach. Ponadto w przypadku korzystania z fragmentów kodu ze źródeł zewnętrznych sprawdzenie ich wymagań licencyjnych i dotyczących autorstwa jest niezbędne, aby uniknąć naruszenia praw autorskich.

Po co dodawać fragmenty kodu WooCommerce do WordPress?

Jeśli użyjesz fragmentów kodu WooCommerce dla WordPress, skorzysta na tym zarówno właściciel, jak i programiści.

Na przykład możesz użyć fragmentów kodu WooCommerce, aby dodać nową funkcjonalność lub zmienić istniejące funkcje sklepu internetowego. Może to pomóc poprawić wrażenia użytkownika i zwiększyć sprzedaż.

Możesz na przykład użyć fragmentu kodu, aby dodać niestandardową opcję sortowania produktów lub zmienić proces płatności, aby lepiej odpowiadał potrzebom konkretnej firmy.

Ponadto użycie fragmentów kodu WooCommerce dla WordPress może być bardziej wydajne niż instalowanie i konfigurowanie osobnej wtyczki, ponieważ pozwala na bardziej ukierunkowane modyfikacje i pozwala uniknąć potencjalnych konfliktów z innymi wtyczkami lub motywami.

Co więcej, fragmenty kodu WooCommerce mogą pomóc poprawić bezpieczeństwo i wydajność sklepu internetowego. Dodając niestandardowy kod do pliku functions.php lub osobnego pliku wtyczki, programiści mogą zapewnić, że kod jest zoptymalizowany pod kątem konkretnych potrzeb witryny.

Wreszcie fragmenty kodu mogą zapewnić bardziej opłacalne rozwiązanie niż zatrudnienie programisty. Chociaż niektóre dostosowania mogą wymagać bardziej złożonych prac programistycznych, wiele modyfikacji można wprowadzić za pomocą prostych fragmentów kodu znalezionych w Internecie.

Jednak źle napisany kod może powodować błędy i luki w zabezpieczeniach. Dlatego zalecamy przetestowanie i zrozumienie kodu w środowisku przejściowym przed dodaniem go do witryny internetowej.

Zachowaj także kopię zapasową plików i bazy danych witryny, aby zabezpieczyć swoją ciężką pracę.

Jak dodać fragmenty kodu WooCommerce do WordPress

Możesz dodać fragmenty kodu WooCommerce do WordPress w kilku prostych krokach:

  • Otwórz plik functions.php: plik functions.php to miejsce, w którym można znaleźć większość fragmentów kodu WordPress. Zwykle znajduje się w folderze motywu; możesz uzyskać do niego dostęp za pośrednictwem pulpitu nawigacyjnego WordPress lub klienta FTP.
  • Dodaj fragment kodu: Skopiuj i wklej żądany fragment kodu do pliku functions.php. Pamiętaj, aby dodać go w odpowiednim miejscu, na przykład na końcu pliku, po każdym istniejącym kodzie.
  • Zapisz zmiany: Po dodaniu fragmentu kodu zapisz zmiany w pliku functions.php. Spowoduje to aktywację właśnie wprowadzonego kodu.
  • Przetestuj funkcjonalność: po dodaniu fragmentu kodu przetestuj nową funkcjonalność, aby upewnić się, że działa zgodnie z oczekiwaniami.

Jeśli jednak nie chcesz dodawać fragmentu kodu do pliku functions.php motywu nadrzędnego, możesz utworzyć niestandardowy motyw potomny. W ten sposób aktualizacje motywu nie spowodują żadnych problemów.

Najlepsze fragmenty kodu WooCommerce dla WordPress

Teraz, gdy dowiedzieliśmy się, dlaczego i jak dodawać fragmenty kodu WooCommerce dla WordPress. Następnie przejdźmy do najlepszych fragmentów kodu WooCommerce wybranych dla Twoich ogólnych potrzeb.

Krótko mówiąc, kody, które udostępnimy, pomogą Ci:

  • Dodanie niestandardowej karty produktu
  • Dodaj obsługę WooCommerce do motywu
  • Dodaj niestandardową walutę do WooCommerce
  • Wyświetl link „Moje konto” w szablonie
  • Automatycznie kompletuj zamówienia
  • Zmień liczbę produktów wyświetlanych w sklepie
  • Wyłącz wyszukiwanie
  • Zmodyfikuj tekst przycisku Dodaj do koszyka
  • Popraw tytuł strony sklepu

Przyjrzyjmy się dokładnie każdemu kodowi.

1) Dodaj niestandardową kartę produktu

Dodanie niestandardowej karty produktu w WooCommerce to świetny sposób na wyświetlenie dodatkowych informacji o produktach. Oto fragment kodu, który pozwoli ci go dodać:

 // Dodaj niestandardową kartę produktu

add_filter('woocommerce_product_tabs', 'add_custom_product_tab');
funkcja add_custom_product_tab( $tabulacje ) {
$tabs['custom_tab'] = tablica(
'title' => __( 'Karta niestandardowa', 'woocommerce' ),
'priorytet' => 50,
'callback' => 'custom_product_tab_content'
);

zwróć $tabulacje;

}

// Niestandardowa zawartość karty produktu

funkcja custom_product_tab_content() {
echo '<h2>Zakładka Produkt niestandardowy</h2>';
echo '<p>Dostosowana treść trafia tutaj.</p>';
}

Ten kod dodaje nową kartę „Niestandardowa karta” do strony produktu z priorytetem 50. Ponadto możesz zmienić tytuł i zawartość niestandardowej karty produktu zgodnie z własnymi wymaganiami. Funkcja wywołania zwrotnego custom_product_tab_content wyświetla zawartość karty. Możesz dostosować kod do swoich potrzeb.

2) Zadeklaruj obsługę WooCommerce w motywie innej firmy

Jeśli używasz motywu innej firmy, który domyślnie nie zapewnia obsługi WooCommerce, możesz dodać rozwiązanie problemu, dodając następujący fragment kodu do pliku functions.php motywu Twojej witryny:

 // Dodaj obsługę WooCommerce do motywu

funkcja miteme_add_woocommerce_support() {
add_theme_support('woocommerce');
add_theme_support( 'wc-product-gallery-zoom');
add_theme_support( 'wc-product-gallery-lightbox');
add_theme_support( 'wc-product-gallery-slider');
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support');

źródło: medium.

3) Dodanie niestandardowej waluty do WooCommerce

Jeśli chcesz dodać niestandardową walutę do WooCommerce, możesz użyć następującego fragmentu kodu:

 // Dodaj niestandardową walutę do WooCommerce

funkcja add_my_currency( $ waluty ) {
$currencies['ABC'] = __('Moja waluta', 'woocommerce');
zwrócić $waluty;
}

add_filter( 'woocommerce_currencies', 'add_my_currency' );
funkcja add_my_currency_symbol( $currency_symbols ) {
$symbole_waluty['ABC'] = '$'; // Zmień ABC na niestandardowy kod waluty i $ na swój symbol waluty.
zwróć $symbole_waluty;
}

add_filter( 'woocommerce_currency_symbols', 'add_my_currency_symbol');

Tutaj używamy dwóch filtrów – woocommerce_currencies i woocommerce_currency_symbols , aby dodać własną walutę i jej symbol. Najpierw dodajesz nazwę i kod swojej waluty do listy dostępnych walut. Po drugie, możesz dodać symbol waluty dla niestandardowego kodu waluty.

4) Wyświetl łącze Moje konto w pliku szablonu

Aby wyświetlić link do mojego konta w pliku szablonu w WooCommerce, możesz użyć następującego fragmentu kodu:

 <?php if ( is_user_logged_in() ) : ?>

<a href="<?php echo esc_url( wc_get_account_endpoint_url('panel') ); ?>"><?php esc_html_e('Moje konto', 'woocommerce'); ?></a>

<?php inny: ?>

<a href="<?php echo esc_url( wc_get_page_permalink('myaccount' ) ); ?>"><?php esc_html_e('Logowanie/rejestracja', 'woocommerce'); ?></a>

<?php endif; ?>

Ten kod sprawdza, czy użytkownik jest zalogowany za pomocą funkcji is_user_logged_in() .

Jeśli użytkownik jest zalogowany, wyświetla łącze do pulpitu nawigacyjnego za pomocą funkcji wc_get_account_endpoint_url( 'dashboard' ) . Jeśli jednak użytkownik nie jest zalogowany, wyświetla łącze do strony Moje konto za pomocą funkcji wc_get_page_permalink( 'myaccount' ) .

Możesz dodać ten kod do dowolnego pliku szablonu w motywie WooCommerce, w którym chcesz wyświetlić link do mojego konta. Na przykład możesz dodać go do pliku header.php, aby wyświetlić łącze w nagłówku witryny.

5) Automatyczne uzupełnianie zamówień

Jeśli chcesz automatycznie realizować zamówienia w WooCommerce, możesz użyć następującego fragmentu kodu:

 // autouzupełnianie zamówień
add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_order');

funkcja custom_woocommerce_auto_complete_order($identyfikator_zamówienia) {
if ( ! $identyfikator_zamówienia ) {
powrót;
}

$zamówienie = wc_get_order( $identyfikator_zamówienia);
$order->update_status('completed');
}

źródło: StackOverflow

Ten kod dodaje hak akcji do funkcji woocommerce_thankyou , która jest wyzwalana po zrealizowaniu zamówienia. Kiedy ten hak jest aktywowany, wykonywana jest funkcja custom_woocommerce_auto_complete_order .

Funkcja najpierw sprawdza, czy zmienna $order_id jest ustawiona. Jeśli nie jest ustawiony, powraca. W przeciwnym razie uzyskuje dostęp do obiektu order z funkcji wc_get_order() .

Na koniec wykorzystuje metodę update_status() w celu ustawienia statusu zamówienia na „zakończone”.

Należy pamiętać, że automatyczne uzupełnianie zamówień może nie pasować do wszystkich produktów lub firm. Dlatego ważne jest, aby rozważyć swoje specyficzne potrzeby przed aktywacją tego kodu.

6) Zmień liczbę produktów wyświetlanych na stronie

Jeśli chcesz zmienić liczbę produktów wyświetlanych na stronie w WooCommerce, możesz użyć następującego fragmentu kodu:

 // zmodyfikuj produkty na liczbę stron
add_filter( 'loop_shop_per_page', 'custom_loop_shop_per_page', 22);
funkcja custom_loop_shop_per_page( $cols ) {
$kolumny = 14; // Zmień tę liczbę na żądaną liczbę produktów na stronie.
zwróć $kolumny;

}

Ten kod dodaje filtr do funkcji loop_shop_per_page . To kontroluje liczbę produktów wyświetlanych na stronie w WooCommerce. Następnie wykonywana jest funkcja custom_loop_shop_per_page , która jako parametr przyjmuje bieżącą liczbę kolumn.

W funkcji możesz również ustawić zmienną $cols na żądaną liczbę produktów na stronie (w tym przykładzie 14). Na koniec otrzymasz zaktualizowaną liczbę kolumn.

Zmiana liczby produktów wyświetlanych na stronie może wpłynąć na wygodę użytkownika i czas ładowania strony. Dlatego przed zmianą tego ustawienia należy wziąć pod uwagę swoje specyficzne potrzeby.

7) Wyłącz wyszukiwanie

Aby wyłączyć wyszukiwanie w WordPress, możesz użyć następującego fragmentu kodu:

 // Wyłącz wyszukiwanie
funkcja fb_filter_query( $zapytanie, $błąd = true ) {
if ( is_search() ) {
$zapytanie->jest_wyszukiwanie = fałsz;
$zapytanie->zmienne_zapytania[s] = fałsz;
$zapytanie->zapytanie[s] = fałsz;

// do błędu
if ($błąd == prawda)
$zapytanie->is_404 = prawda;
}
}

add_action( 'parse_query', 'fb_filter_query');
add_filter( 'get_search_form', create_function( '$a', "return null;" ) );

źródło: StackOverflow

Ten kod wykorzystuje niestandardową funkcję o nazwie custom_disable_search() do wyłączania funkcji wyszukiwania w WordPress. Tutaj dodajesz hak akcji do funkcji parse_query , uruchamianej po wykonaniu zapytania wyszukiwania.

W funkcji sprawdza, czy bieżące zapytanie jest zapytaniem wyszukiwania (is_search()); jeśli tak, ustawia właściwość is_search obiektu zapytania na wartość null. Ustawia również zmienną zapytania s na wartość null, skutecznie wyłącza zapytanie wyszukiwania.

Na koniec ten fragment kodu dodaje filtr do get_search_form , aby ukryć formularz wyszukiwania w witrynie WordPress.

8) Zmień tekst przycisku Dodaj do koszyka

Aby zmienić tekst przycisku „Dodaj do koszyka” w WooCommerce, możesz użyć następującego fragmentu kodu:

 add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text');
add_filter( 'woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text');

funkcja custom_add_to_cart_text() {
return __('Kup teraz', 'woocommerce');
}

źródło: Njengah

Ten kod dodaje dwa filtry do funkcji woocommerce_product_single_add_to_cart_text i woocommerce_product_add_to_cart_text , które kontrolują tekst przycisku „Dodaj do koszyka” w WooCommerce. Następnie wykonywana jest funkcja custom_add_to_cart_text() , która zwraca zaktualizowany tekst przycisku.

Używamy funkcji __() , aby uzyskać dostęp do tekstu „Kup teraz” zdefiniowanego w pliku tłumaczenia WooCommerce. Jeśli chcesz zmienić tekst na inny, zastąp „Kup teraz” żądanym tekstem.

9) Zastąp tytuł strony sklepu w WooCommerce

Aby zamienić tytuł strony sklepu w WooCommerce, możesz użyć następującego fragmentu kodu:

 add_filter( 'woocommerce_page_title', 'custom_shop_page_title');
funkcja custom_shop_page_title( $page_title ) {
if( 'sklep' == $page_title ) {
return __('Nowy tytuł sklepu', 'woocommerce' );
}

zwróć $tytuł_strony;
}

Ten kod doda filtr do funkcji woocommerce_page_title , która kontroluje tytuł strony sklepu WooCommerce. Następnie wykonywana jest funkcja custom_shop_page_title() , która sprawdza, czy tytuł strony to „sklep”, a jeśli tak, zwraca zaktualizowany tytuł („Nowy tytuł sklepu”).

Ten fragment kodu wykorzystuje funkcję __() w celu uzyskania dostępu do przetłumaczonego tekstu zaktualizowanego tytułu strony sklepu, zdefiniowanego w pliku tłumaczenia WooCommerce. Jeśli jednak chcesz zmienić tekst na inny, zastąp „Tytuł nowego sklepu” żądanym tekstem.

Wniosek

Korzystanie z fragmentów kodu WooCommerce dla WordPress to skuteczny sposób na dostosowanie sklepu internetowego i dodanie nowych funkcjonalności. Na przykład, jeśli chcesz zmienić wygląd swojego sklepu, proces płatności lub dodać nowe funkcje, fragmenty kodu mogą pomóc Ci osiągnąć cele.

Aby dodać fragment kodu, wklej go do pliku functions.php motywu podrzędnego lub utwórz niestandardową wtyczkę. Należy jednak pamiętać, że modyfikacja kodu witryny może mieć niezamierzone konsekwencje. Dlatego zawsze zalecamy utworzenie kopii zapasowej witryny przed wprowadzeniem jakichkolwiek zmian.

Dzięki kodom, które podaliśmy powyżej, możesz prowadzić fantastyczny sklep WooCommerce z wieloma dostosowaniami. Podsumowując, udostępniliśmy fragmenty dla

  • Dodanie niestandardowej karty produktu
  • Dodaj obsługę WooCommerce do motywu
  • Dodaj niestandardową walutę do WooCommerce
  • Wyświetl link „Moje konto” w szablonie
  • Automatycznie kompletuj zamówienia
  • Zmień liczbę produktów wyświetlanych w sklepie
  • Wyłącz wyszukiwanie
  • Zmodyfikuj tekst przycisku Dodaj do koszyka
  • Popraw tytuł strony sklepu

Możesz wybrać kod i pracować z nim w zależności od wymagań.

Mamy nadzieję, że ten artykuł był dla Ciebie przydatny i podobała Ci się jego lektura. Jeśli chcesz, rozważ udostępnienie tego postu znajomym i innym blogerom w mediach społecznościowych. Możesz także przejrzeć nasze archiwum blogów, aby dowiedzieć się więcej o WordPress/WoCommerce.

Czy musimy dodać jakieś inne fragmenty do tego przewodnika?

Daj nam znać w komentarzach poniżej.

Podobne artykuły, które mogą Ci się spodobać:

  • Jak filtrować produkty WooCommerce według atrybutu
  • Najlepsze wtyczki darowizn WooCommerce
  • Najlepsze wtyczki menedżera licencji WooCommerce