Cele mai bune fragmente de cod WooCommerce pentru WordPress

Publicat: 2023-05-12

Vrei să știi cele mai bune fragmente de cod WooCommerce pentru WordPress ? Dacă intenționați să vă modificați magazinul online și să adăugați mai multe funcții, continuați să citiți acest articol. Acest ghid vă va arăta un set de fragmente de cod pe care ar trebui să le cunoașteți.

Dar mai întâi, să vedem ce este un fragment de cod și de ce trebuie să folosim unul.

Ce este un fragment de cod?

Un fragment de cod este o mică secțiune de cod care îndeplinește o anumită sarcină sau o funcție pe un site web sau un program. Este adesea folosit pentru a personaliza site-ul/instrumentul și pentru a îmbunătăți funcțiile.

Puteți scrie fragmente de cod în orice limbaj de programare, variind în complexitate de la o simplă funcție cu o linie la o funcție sau un algoritm cu mai multe linii. În plus, le puteți găsi și online în biblioteci de coduri, forumuri și bloguri de programare și sunt adesea partajate și modificate de dezvoltatori pentru a se potrivi nevoilor lor specifice.

Utilizarea fragmentelor de cod poate economisi timp și efort. Dar este esențial să înțelegeți cum funcționează codul și să vă asigurați că este sigur și nu provoacă vulnerabilități. În plus, atunci când utilizați fragmente de cod din surse externe, verificarea cerințelor de licențiere și atribuire a acestora este esențială pentru a evita încălcarea drepturilor de autor.

De ce să adăugați fragmente de cod WooCommerce la WordPress?

Dacă utilizați fragmente de cod WooCommerce pentru WordPress, acesta va beneficia atât de proprietar, cât și de dezvoltatori.

De exemplu, puteți utiliza fragmente de cod WooCommerce pentru a adăuga funcționalități noi sau pentru a modifica caracteristicile existente ale unui magazin online. Acest lucru poate ajuta la îmbunătățirea experienței utilizatorului și la creșterea vânzărilor.

De exemplu, puteți folosi un fragment de cod pentru a adăuga o opțiune personalizată de sortare a produselor sau pentru a modifica procesul de finalizare a comenzii pentru a se potrivi mai bine nevoilor unei anumite companii.

De asemenea, utilizarea fragmentelor de cod WooCommerce pentru WordPress poate fi mai eficientă decât instalarea și configurarea unui plugin separat, deoarece permite modificări mai direcționate și evită potențiale conflicte cu alte plugin-uri sau teme.

În plus, fragmentele de cod WooCommerce pot ajuta la îmbunătățirea securității și a performanței unui magazin online. Adăugând cod personalizat la fișierul functions.php sau la un fișier plugin separat, dezvoltatorii se pot asigura că codul este optimizat pentru nevoile specifice ale site-ului web.

În cele din urmă, fragmentele de cod pot oferi o soluție mai rentabilă decât angajarea unui dezvoltator. Chiar dacă unele personalizări pot necesita o muncă de dezvoltare mai complexă, puteți realiza multe modificări folosind fragmente de cod simple găsite online.

Cu toate acestea, codul scris prost poate cauza erori și vulnerabilități de securitate. Prin urmare, vă recomandăm să testați și să înțelegeți codul într-un mediu de pregătire înainte de a-l adăuga pe un site web.

De asemenea, păstrați o copie de rezervă a fișierelor și bazei de date a site-ului web pentru a vă asigura munca grea.

Cum să adăugați fragmente de cod WooCommerce la WordPress

Puteți adăuga fragmente de cod WooCommerce la WordPress în câțiva pași simpli:

  • Deschideți fișierul functions.php: fișierul functions.php este locul unde puteți găsi cele mai multe fragmente de cod WordPress. Este de obicei în folderul cu teme; îl puteți accesa prin tabloul de bord WordPress sau un client FTP.
  • Adăugați fragmentul de cod: Copiați și inserați fragmentul dorit în fișierul functions.php. Asigurați-vă că îl adăugați în locația corespunzătoare, cum ar fi la sfârșitul fișierului, după orice cod existent.
  • Salvați modificările: după ce adăugați fragmentul de cod, salvați modificările în fișierul functions.php. Acest lucru va activa codul pe care tocmai l-ați introdus.
  • Testați funcționalitatea: după adăugarea fragmentului de cod, testați noua funcționalitate pentru a vă asigura că funcționează conform intenției.

Cu toate acestea, dacă nu doriți să adăugați fragmentul de cod în fișierul functions.php al temei părinte, puteți crea o temă secundară personalizată. În acest fel, actualizările temei nu vor cauza probleme.

Cele mai bune fragmente de cod WooCommerce pentru WordPress

Acum că am aflat de ce și cum să adăugați fragmente de cod WooCommerce pentru WordPress. În continuare, să trecem la cele mai bune fragmente de cod WooCommerce selectate pentru nevoile dvs. generale.

Pe scurt, codurile pe care le vom împărtăși vă vor ajuta să:

  • Adăugarea unei file de produs personalizat
  • Adăugați suport WooCommerce la o temă
  • Adăugați o monedă personalizată la WooCommerce
  • Afișați linkul „Contul meu” într-un șablon
  • Finalizați automat comenzile
  • Modificați numărul de produse afișate în magazin
  • Dezactivați căutarea
  • Modificați textul butonului de adăugare în coș
  • Modificați titlul paginii magazinului

Să aruncăm o privire profundă asupra fiecărui cod.

1) Adăugați o filă produs personalizat

Adăugarea unei file personalizate de produs în WooCommerce este o modalitate excelentă de a afișa informații suplimentare despre produsele dvs. Deci, iată un fragment de cod care vă va permite să adăugați unul:

 // Adăugați o filă de produs personalizat

add_filter( 'woocommerce_product_tabs', 'add_custom_product_tab' );
funcția add_custom_product_tab( $tabs ) {
$tabs['custom_tab'] = matrice(
'title' => __( 'Fila personalizată', 'woocommerce' ),
'prioritate' => 50,
'callback' => 'custom_product_tab_content'
);

returnează $tabs;

}

// Conținutul filei de produs personalizat

funcția custom_product_tab_content() {
echo „<h2>Fila Produs personalizat</h2>”;
echo „<p>Conținutul personalizat merge aici.</p>”;
}

Acest cod adaugă o nouă filă „Fila personalizată” la pagina produsului, cu o prioritate de 50. Mai mult, puteți modifica titlul și conținutul filei de produs personalizat în funcție de cerințele dvs. Funcția de apel invers custom_product_tab_content afișează conținutul filei. Puteți personaliza codul în funcție de nevoile dvs.

2) Declarați suport WooCommerce într-o temă terță parte

Dacă utilizați o temă terță parte care nu oferă suport WooCommerce în mod implicit, puteți adăuga remedierea problemei adăugând următorul fragment de cod în fișierul functions.php al temei site-ului dvs. web:

 // Adăugați suport WooCommerce la temă

funcția mytheme_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');

Sursa: Mediu.

3) Adăugarea de monedă personalizată la WooCommerce

Dacă doriți să adăugați o monedă personalizată la WooCommerce, puteți utiliza următorul fragment de cod:

 // Adăugați o monedă personalizată la WooCommerce

funcția add_my_currency( $monede ) {
$currencies['ABC'] = __( 'Moneda mea', 'woocommerce');
returnează $ valute;
}

add_filter('woocommerce_currencies', 'add_my_currency');
funcția add_my_currency_symbol( $currency_symbols ) {
$currency_symbols['ABC'] = '$'; // Schimbați ABC cu codul valutar personalizat și $ cu simbolul valutar.
returnează $currency_symbols;
}

add_filter( 'woocommerce_currency_symbols', 'add_my_currency_symbol' );

Aici, folosim două filtre – woocommerce_currencies și woocommerce_currency_symbols pentru a adăuga moneda noastră personalizată și simbolul acesteia. În primul rând, adăugați numele și codul monedei dvs. la lista de monede disponibile. În al doilea rând, puteți adăuga simbolul monedei pentru codul valutar personalizat.

4) Afișați linkul Contul meu într-un fișier șablon

Pentru a afișa linkul contului meu într-un fișier șablon în WooCommerce, puteți utiliza următorul fragment de cod:

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

<a href="<?php echo esc_url( wc_get_account_endpoint_url( 'tabloul de bord' ) ); ?>"><?php esc_html_e( 'Contul meu', 'woocommerce' ); ?></a>

<?php else: ?>

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

<?php endif; ?>

Acest cod verifică dacă utilizatorul este conectat folosind funcția is_user_logged_in() .

Dacă utilizatorul este conectat, acesta afișează un link către tabloul de bord folosind funcția wc_get_account_endpoint_url( 'tabloul de bord' ) . Cu toate acestea, dacă utilizatorul nu este autentificat, acesta afișează un link către pagina Contul meu folosind funcția wc_get_page_permalink( 'myaccount' ) .

Puteți adăuga acest cod la orice fișier șablon din tema dvs. WooCommerce unde doriți să afișați linkul contului meu. De exemplu, îl puteți adăuga în fișierul header.php pentru a afișa linkul în antetul site-ului dvs.

5) Finalizarea automată a comenzilor

Dacă doriți să finalizați automat comenzile în WooCommerce, puteți utiliza următorul fragment de cod:

 // completarea automată a comenzilor
add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_order');

funcția custom_woocommerce_auto_complete_order( $order_id ) {
dacă ( ! $id_comanda ) {
întoarcere;
}

$comanda = wc_get_order( $comanda_comanda);
$comanda->update_status('finalizat');
}

Sursa: StackOverflow

Acest cod adaugă un cârlig de acțiune la funcția woocommerce_thankyou , care este declanșat atunci când o comandă este finalizată. Când acest cârlig este activat, funcția custom_woocommerce_auto_complete_order este executată.

Funcția verifică mai întâi dacă variabila $order_id este setată. Dacă nu este setat, revine. În caz contrar, accesează obiectul order din funcția wc_get_order() .

În cele din urmă, folosește metoda update_status() pentru a plasa starea comenzii la „finalizat”.

Vă rugăm să rețineți că finalizarea automată a comenzilor poate să nu se potrivească tuturor produselor sau companiilor. Prin urmare, este esențial să luați în considerare nevoile dvs. specifice înainte de a activa acest cod.

6) Modificați numărul de produse afișate pe pagină

Dacă doriți să modificați numărul de produse afișate pe pagină în WooCommerce, puteți utiliza următorul fragment de cod:

 // modificarea numărului de produse pe pagină
add_filter( 'loop_shop_per_page', 'custom_loop_shop_per_page', 22 );
funcția custom_loop_shop_per_page( $cols ) {
$cols = 14; // Schimbați acest număr la numărul dorit de produse pe pagină.
returnează $cols;

}

Acest cod adaugă un filtru la funcția loop_shop_per_page . Acesta controlează numărul de produse afișate pe pagină în WooCommerce. Este apoi executată funcția custom_loop_shop_per_page , care ia ca parametru numărul curent de coloane.

În funcție, puteți seta și variabila $cols la numărul dorit de produse pe pagină (în acest exemplu, 14). În cele din urmă, obțineți numărul actualizat de coloane.

Modificarea numărului de produse afișate pe pagină poate afecta experiența utilizatorului și timpul de încărcare a paginii. Prin urmare, este esențial să luați în considerare nevoile dvs. specifice înainte de a schimba această setare.

7) Dezactivați căutarea

Pentru a dezactiva căutarea în WordPress, puteți folosi următorul fragment de cod:

 // Dezactivează căutarea
funcția fb_filter_query( $interogare, $eroare = adevărat ) {
if ( is_search() ) {
$interogare->is_search = false;
$query->query_vars[s] = false;
$interogare->interogare[s] = fals;

// la eroare
dacă ($eroare == adevărat)
$interogare->is_404 = adevărat;
}
}

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

Sursa: StackOverflow

Acest cod folosește o funcție personalizată numită custom_disable_search() pentru a dezactiva funcționalitatea de căutare în WordPress. Aici adăugați un cârlig de acțiune la funcția parse_query , declanșat atunci când este executată o interogare de căutare.

În funcție, verifică dacă interogarea curentă este o interogare de căutare (is_search()); dacă da, setează proprietatea is_search a obiectului de interogare la null. De asemenea, setează variabila de interogare s la null, dezactivează efectiv interogarea de căutare.

În cele din urmă, acest fragment de cod adaugă un filtru la get_search_form pentru a ascunde formularul de căutare de pe site-ul dvs. WordPress.

8) Modificați textul butonului Adăugați în coș

Pentru a schimba textul butonului „Adăugați în coș” în WooCommerce, puteți utiliza următorul fragment de cod:

 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');

funcția custom_add_to_cart_text() {
return __( „Cumpără acum”, „woocommerce”);
}

Sursa: Njengah

Acest cod adaugă două filtre la funcțiile woocommerce_product_single_add_to_cart_text și woocommerce_product_add_to_cart_text , care controlează textul butonului „Adăugați în coș” în WooCommerce. Este apoi executată funcția custom_add_to_cart_text() , care returnează textul actualizat al butonului.

Folosim funcția __() pentru a accesa textul „Cumpără acum” definit în fișierul de traducere WooCommerce. Dacă doriți să schimbați textul cu altceva, înlocuiți „Cumpărați acum” cu textul dorit.

9) Înlocuiți titlul paginii de magazin în WooCommerce

Pentru a înlocui titlul paginii de magazin în WooCommerce, puteți folosi următorul fragment de cod:

 add_filter('woocommerce_page_title', 'custom_shop_page_title');
funcția custom_shop_page_title( $page_title ) {
if( 'magazin' == $page_title ) {
return __( 'Titlu magazin nou', 'woocommerce');
}

returnează $page_title;
}

Acest cod va adăuga un filtru la funcția woocommerce_page_title , care controlează titlul paginii magazinului WooCommerce. Este apoi executată funcția custom_shop_page_title() , care verifică dacă titlul paginii este „shop” și, dacă da, returnează titlul actualizat („New Shop Title”).

Acest fragment de cod folosește funcția __() pentru a accesa textul tradus pentru titlul actualizat al paginii magazinului, definit în fișierul de traducere WooCommerce. Cu toate acestea, dacă doriți să schimbați textul cu altceva, înlocuiți „Titlul magazinului nou” cu textul dorit.

Concluzie

Utilizarea fragmentelor de cod WooCommerce pentru WordPress este o modalitate puternică de a vă personaliza magazinul online și de a adăuga noi funcționalități. De exemplu, dacă doriți să schimbați aspectul magazinului dvs., procesul de achiziție sau să adăugați noi funcții, fragmentele de cod vă pot ajuta să vă atingeți obiectivele.

Pentru a adăuga un fragment de cod, inserați codul în fișierul functions.php al temei copilului sau creați un plugin personalizat. Dar este important să rețineți că modificarea codului site-ului dvs. poate avea consecințe nedorite. Prin urmare, vă recomandăm întotdeauna să creați o copie de rezervă a site-ului dvs. înainte de a face orice modificări.

Cu codurile pe care le-am furnizat mai sus, puteți rula un magazin WooCommerce fantastic, cu multe personalizări. Pentru a rezuma lucrurile, am distribuit fragmente pentru

  • Adăugarea unei file de produs personalizat
  • Adăugați suport WooCommerce la o temă
  • Adăugați o monedă personalizată la WooCommerce
  • Afișați linkul „Contul meu” într-un șablon
  • Finalizați automat comenzile
  • Modificați numărul de produse afișate în magazin
  • Dezactivează căutarea
  • Modificați textul butonului de adăugare în coș
  • Modificați titlul paginii magazinului

Puteți alege un cod și puteți lucra cu el în funcție de cerințele dvs.

Sperăm că ați găsit acest articol util și că ți-a plăcut să-l citești. Dacă doriți, vă rugăm să vă gândiți să distribuiți această postare prietenilor și colegilor dvs. de blog pe rețelele sociale. De asemenea, puteți accesa arhiva blogului nostru pentru a afla mai multe ghiduri WordPress/WoCommerce.

Trebuie să adăugăm alte fragmente la acest ghid?

Anunțați-ne în comentariile de mai jos.

Articole similare care v-ar putea plăcea:

  • Cum să filtrați produsele WooCommerce după atribut
  • Cele mai bune pluginuri pentru donații WooCommerce
  • Cele mai bune pluginuri WooCommerce License Manager