Italiano
Español
РусскийCum să adaugi corect Javascript în functions.php
Aș dori să elimin săgețile standard care arată urât de pe butoanele coșului în WooCommerce. Pentru a realiza acest lucru, am găsit un sfat de a adăuga următorul cod, care ar trebui să elimine săgețile când documentul s-a încărcat.
Presupun că trebuie să-l pun în functions.php? Cum aș face asta exact?
$(document).ready(function() {
$(".woocommerce-cart").html(function(i, val) {
return val.replace(" →", "");
});
$(".woocommerce-cart").html(function(i, val) {
return val.replace("← ", "");
});
});
EDITARE
Bine. Am încercat această abordare:
Am creat un fișier numit 'removeArrows.js' și l-am plasat în folderul plugin. Acesta are același conținut ca și codul original, doar că folosește jQuery în loc de $. Apoi am adăugat următoarele în functions.php:
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('removeArrows.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
Nu reușesc să fac codul să se afișeze corect. Această metodă nu a funcționat. Aveți sugestii pentru a face acest lucru să funcționeze?
Mulțumesc mult pentru sfatul excelent. Aceasta pare a fi abordarea corectă. Am o întrebare totuși; fișierul functions.php se află în folderul temei mele. Cum ar trebui să leg fișierul js dacă acesta se află în același folder, în rădăcina temei?
user2806026
Ar trebui să păstrezi totul într-un plugin sau într-o temă, nu le împărți. Dacă lucrezi într-o temă, $scr ar trebui să fie get_template_directory_uri() . '/removeArrows.js' pentru temele părinte, și get_stylesheet_directory_uri() . '/removeArrows.js' pentru temele copil
Pieter Goosen
Am încercat din nou, de data aceasta adăugând fișierul removeArrows.js direct în folderul temei și folosind următoarele în functions.php; function wpb_adding_scripts() { wp_register_script('my_amazing_script', get_template_directory_uri() . '/removeArrows.js', FILE), array('jquery'),'1.1', true); wp_enqueue_script('my_amazing_script'); }
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts', 999 );
acest lucru îmi dă eroarea Parse error: syntax error, unexpected ',' pe linia wp_register_script.
user2806026
get_template_directory_uri() . '/removeArrows.js', FILE) ar trebui să fie doar get_template_directory_uri() . '/removeArrows.js'
Pieter Goosen
Nu. Am folosit exact codul tău pe care l-ai editat la finalul postării originale. Singurul lucru pe care îl face este să înghețe pagina coșului când vizualizez conținutul. Cred că o să renunț :-) O ultimă încercare totuși; ai menționat la început că get_template_directory_uri() este pentru temele părinte, iar apoi în codul final complet ai spus că e pentru temele copil. Care este adevărul? Tema mea este una părinte :-)
user2806026
Nu acesta este modul recomandat în WordPress pentru încărcarea JavaScript-ului. Vezi wp_enqueue_script() pentru mai multe informații.
Pat J
Salut @PatJ, sunt de acord, pentru încărcarea unei biblioteci JS externe sau a unui fișier JS cu toate funcțiile tale JavaScript, atunci da, acesta ar fi modul corect. Totuși, dacă încarci un fragment de JavaScript, nu are sens să creezi un întreg fișier JS nou și să adaugi o cerere HTTP suplimentară doar pentru asta. Luați ca exemplu Google Analytics, în 99% din teme sau construcții personalizate, JS-ul va fi adăugat în header sau footer prin opțiunile temei sau fișierul de funcții. Este o practică comună să incluzi fragmente de JS sau chiar CSS în acest fel.
Matt Royal
"Practica comună" nu o face corectă, totuși. Documentația wp_enqueue_script() afirmă chiar Acesta este metoda recomandată pentru a lega JavaScript de o pagină generată de WordPress.
Pat J
Dacă luați tema implicită twentyfourteen din WordPress, aceasta încarcă html5.js în header.php. Desigur, se face asta într-un anumit scop, pentru a verifica dacă browserul îndeplinește condiția de a fi IE < 9, dar ideea mea este că, deși încărcarea prin enqueue este metoda recomandată și preferată, în funcție de toate celelalte variabile/împrejurări legate de ceea ce încercați să realizați, poate să nu fie întotdeauna cea mai practică și cred că ar trebui folosită o anumită discreție. Uite, s-ar putea să greșesc complet și în această privință, sunt interesat să aud ce au de spus cei cu experiență :-)
Matt Royal
Mulțumesc pentru sugestia ta excelentă. Totuși, nu reușesc să o fac să funcționeze; dacă adaug codul tău în interiorul tag-ului <?php din functions.php primesc o 'Eroare de parsare: eroare de sintaxă, neașteptat '<' în /somepath.../functions.php la linia 1146'. Dacă îl adaug în afara <?php, se pare că pur și simplu afișează codul dat în partea de sus a paginii. Ce am omis aici?
user2806026
Nu aș recomanda "incorporarea" JavaScript-ului în footer în acest fel. Acest lucru împiedică posibilitatea de a-l decupla sau modifica (cel puțin, ușor), ceea ce este extrem de important în dezvoltarea de plugin-uri și teme. Dacă sunteți utilizatorul final al unui site și aveți nevoie de un script rapid sau ceva similar, puteți încerca această metodă - dar chiar și în acest caz, wp_enqueue_script() este aproape întotdeauna o alegere mai bună și mai flexibilă.
Xhynk
În perioada în care OP a postat, dezvoltatorii foloseau jQuery și JavaScript interschimbabil. Nu este deloc corect, dar asta arăta cât de popular era jQuery și câte funcționalități lipsau în JavaScript la acea vreme.
Rocky Kev