Cum să schimbați butonul Adăugați în coș pentru a citi mai multe WooCommerce

Publicat: 2021-02-23

WooCommerce Modificați textul butonului Adăugați în coș pentru a citi mai multe Dacă doriți să schimbați butonul de adăugare în coș pentru a citi mai multe în WooCommerce, acest tutorial rapid vă va ghida și vă va ajuta să schimbați toate butoanele de adăugare în coș pentru a citi mai multe în magazinul dvs. WooCommerce.

În mod ideal, butonul WooCommerce citește mai mult” poate fi un design de temă implicit în care anumite teme au acest buton WooCommerce citește mai mult” în locul butonului de adăugare în coș.

O altă personalizare a magazinului dvs. WooCommerce poate necesita să schimbați butonul de adăugare în coș pentru a citi mai multe.

Personalizați butonul WooCommerce Adaugă în coș

Dacă doriți să personalizați în continuare butonul de adăugare în coș, anterior am împărtășit mai multe tutoriale despre cum să schimbați butonul de adăugare în coș în WooCommerce.

Următoarele sunt doar câteva exemple din tutorialele pe care le-am scris înainte despre cum să personalizați butonul WooCommerce adăugați în coș:

  • Cum să înlocuiți butonul Adăugați în coș cu linkul WooCommerce
  • Cum să ascundeți butonul Citiți mai multe și să adăugați în coș butonul WooCommerce
  • Cum să schimbați textul butonului Adăugați în coș în pagina magazinului WooCommerce
  • Cum să schimbați textul Adăugați în coș Ghidul WooCommerce cu exemple
  • Cum să adăugați un produs în coș în mod programatic în WooCommerce
  • Cum să schimbați anunțul „Adăugat în coș” WooCommerce
  • Cum să ascundeți prețul și să adăugați în coș pentru utilizatorii deconectați WooCommerce

Să ne uităm acum la modul în care puteți modifica butonul de adăugare în coș pentru a citi mai multe.

WooCommerce Modificați butonul Adăugați în coș pentru a citi mai multe

Vreau să demonstrez în această modificare WooCommerce butonul Adaugă în coș pentru a citi mai multe tutoriale cu un ghid pas cu pas.

În acest ghid, am WooCommerce instalat și folosesc tema Storefront care este tema WooCommerce implicită.

După cum puteți vedea în imaginea de mai jos, butonul adăugați în coș de pe pagina produsului și este ca în captura de ecran.

Butonul pentru un singur produs Adaugă în coș: WooCommerce Modificați butonul Adaugă în coș pentru a citi mai multe

Vreau să modificăm butonul de adăugare în coș pentru a citi mai multe în pagina unică a produsului folosind un fragment de cod pe care îl voi împărtăși mai jos și vă voi ghida unde să plasați fragmentul de cod în tema dvs. WooCommerce:

woocommerce modifica butonul adăugare în coș pentru a citi mai multe

Pas cu pas: Butonul WooCommerce Citiți mai multe” pentru a înlocui Adaugă în coș

Pentru a modifica butonul de adăugare în coș pentru a citi mai multe în pagina de produs unic WooCommerce, trebuie să urmați următorii pași:

  1. Creați o copie de rezervă a temei dvs. și, cel mai important, fișierul functions.php unde veți plasa fragmentul de cod pentru a schimba butonul WooCommerce adăugați în coș pentru a citi mai multe .
  2. De preferință, creați o temă copil a temei dvs. active dacă nu aveți deja o temă copil. Dacă nu aveți idee despre cum să creați o temă copil, acest tutorial despre cum să creați o temă copil Storefront poate fi un loc bun pentru a începe.
  3. Deschideți fișierul functions.php al temei copilului și adăugați codul de mai jos în partea de jos a fișierului functions.php:
 // Pentru a schimba butonul de adăugare în coș pentru a citi mai multe pe pagina unui singur produs
	
	add_filter( 'woocommerce_product_single_add_to_cart_text', 'njengah_woocommerce_change_add_cart_read_more_product_page');
	
	funcția njengah_woocommerce_change_add_cart_read_more_product_page() {
	
		return __( „Citește mai mult”, „woocommerce”); 
	}
  1. După cum puteți vedea în codul de mai sus, acesta este un cârlig de filtru cu o funcție de apel invers care verifică prin pagina unică a produsului butonul de adăugare în coș pentru a-l schimba cu textul personalizat. Citiți mai multe.
  1. Salvați modificările și verificați în partea din față dacă vedeți modificarea textului butonului adăugați în coș pentru a citi mai multe, ca în exemplul meu din imaginea de mai jos:

woocommerce modifica butonul adăugare în coș pentru a citi mai multe

Pagina magazinului Butonul Adaugă în coș: WooCommerce Modificați butonul Adaugă în coș pentru a citi mai multe

Deoarece am schimbat cu succes butonul de adăugare în coș pentru a citi mai multe pe pagina unui singur produs , acum vreau să schimbăm butonul de adăugare în coș pentru a citi mai multe în pagina magazinului folosind un fragment de cod pe care îl voi distribui mai jos și vă voi ghida unde să plasați fragmentul de cod în tema dvs. WooCommerce:

woocommerce modifica butonul adăugare în coș pentru a citi mai multe

Pas cu pas: Adăugați butonul Citiți mai multe” WooCommerce la pagina de magazin

Pentru a schimba butonul de adăugare în coș pentru a citi mai multe în pagina magazinului WooCommerce, trebuie să urmați acești pași pentru a adăuga codul în tema copilului dvs.:

  1. Creați o copie de rezervă a temei dvs. și, cel mai important, fișierul functions.php unde veți plasa fragmentul de cod pentru a schimba butonul WooCommerce adăugați în coș pentru a citi mai multe în pagina magazinului .
  2. De preferință, creați o temă copil a temei dvs. active dacă nu aveți deja o temă copil. Dacă nu aveți idee despre cum să creați o temă copil, acest tutorial despre cum să creați o temă copil Storefront poate fi un loc bun pentru a începe.
  3. Deschideți fișierul functions.php al temei copilului și adăugați codul de mai jos în partea de jos a fișierului functions.php:
 // Pentru a modifica textul de adăugare în coș în arhivele produselor și pagina magazinului 

	add_filter( 'woocommerce_product_add_to_cart_text', 'njengah_woocommerce_change_add_cart_read_more_shop_page');  
	
	funcția njengah_woocommerce_change_add_cart_read_more_shop_page() {
	
		return __( „Citește mai mult, „woocommerce”);
		
	}
  1. După cum puteți vedea în codul de mai sus, acesta este un cârlig de filtru cu o funcție de apel invers care verifică prin pagina unică a produsului butonul de adăugare în coș pentru a-l schimba cu textul personalizat. Citiți mai multe.
  1. Salvați modificările și verificați în interfață dacă vedeți modificarea textului butonului adăugați în coș pentru a citi mai multe în pagina magazinului și paginile de arhivă, ca în exemplul meu din imaginea de mai jos:

Pagina de magazin și pagina de produs unic: WooCommerce Modificați butonul Adăugați în coș pentru a citi mai multe

De asemenea, este posibil să combinați cele două fragmente de cod pentru a modifica butonul de adăugare în coș pentru a citi mai multe atât în ​​produsul unic, cât și în pagina magazinului.

Următorul este fragmentul de cod combinat pe care ar trebui să-l adăugați la fișierul functions.php pentru tema copilului pentru a modifica textul butonului WooCommerce adăugați în coș pentru a citi mai multe:

 // Pentru a schimba butonul de adăugare în coș pentru a citi mai multe pe pagina unui singur produs
	
	add_filter( 'woocommerce_product_single_add_to_cart_text', 'njengah_woocommerce_change_add_cart_read_more_product_page');
	
	funcția njengah_woocommerce_change_add_cart_read_more_product_page() {
	
		return __( „Citește mai mult”, „woocommerce”); 
	}

    // Pentru a modifica textul de adăugare în coș în arhivele produselor și pagina magazinului 

	add_filter( 'woocommerce_product_add_to_cart_text', 'njengah_woocommerce_change_add_cart_read_more_shop_page');  
	
	funcția njengah_woocommerce_change_add_cart_read_more_shop_page() {
	
		return __( „Citește mai mult, „woocommerce”);
		
	}

Concluzie

În această postare, am ilustrat modul în care puteți folosi fragmente de cod pentru a schimba butonul WooCommerce adăugați în coș pentru a citi mai multe atât în ​​pagina produsului unic, cât și în arhive sau în pagina magazinului.

În ambele cazuri sunt filtre care au cârlige diferite pentru a viza pagina magazinului sau pagina arhivelor și paginile unice de produs.

În cele din urmă, puteți combina cele două coduri și le puteți adăuga la functions.php pentru a schimba butonul de adăugare în coș pentru a citi mai multe atât în ​​pagina magazinului, cât și în pagina produsului unic.

Articole similare

  1. Cum să obțineți ID-ul comenzii pe pagina de plată WooCommerce
  2. Cum să adăugați WooCommerce Redirecționarea paginii contului meu
  3. Cum se schimbă culoarea linkului în tema WooCommerce Storefront
  4. Cum să eliminați efectul de zoom pe imaginea produsului WooCommerce
  5. Cum să ascundeți fila Informații suplimentare în WooCommerce
  6. Cum să adăugați paginarea produsului WooCommerce Storefront
  7. Cum să reordonezi categoriile Pagina magazinului WooCommerce Storefront Theme
  8. Cum să mutați prețul WooCommerce Storefront Hooks
  9. Cum să adăugați țara implicită pentru WooCommerce Checkout
  10. Cum să eliminați produsele înrudite din WooCommerce în 3 opțiuni ușoare
  11. Cum să adăugați un produs după configurarea magazinului [Ghid pentru începători]
  12. Cum să ascundeți titlul Descrierea produsului WooCommerce
  13. Cum să schimbați textul Adăugați în coș Ghidul WooCommerce cu exemple
  14. Eliminați categoria din pagina de produs WooCommerce în 2 opțiuni ușoare
  15. Lista de cârlige WooCommerce » Global, Coș, Checkout, Produs
  16. Cum să verificați dacă este pagina de plată WooCommerce
  17. Cum să obțineți descrierea produsului și să afișați WooCommerce
  18. Cum să adăugați un câmp ascuns pe pagina de plată WooCommerce