Tengo un código JS que nos da una cantidad de existencias de productos de otro proveedor para nuestro cliente.
Pero, ¿cómo incrusto JS jQuery en un solo producto de WooCommerce?
var settings = { "url": "https://www.URL.com", "method": "GET", "timeout": 0, "headers": { "client-secret": "password123" }, }; $.ajax(settings).done(function (response) { console.log(response); });Intenté agregarlo al script de encabezado de nuestro tema pero sin éxito.
No tengo experiencia con JS, por lo que cualquier ayuda es muy apreciada.
Nuestro proveedor mencionó que es obligatorio estar en el encabezado, si eso importa. ¿También es posible agregar una cadena if $product para aplicar solo este script a ciertos productos? Solo necesitaríamos que este script se ejecutara en un puñado de productos.
Puede agregar el script JS a través del gancho wp_footer y usar la etiqueta condicional is_product() para insertar el código solo en la página del producto WooCommerce .
// It adds a JS script only on the WooCommerce product page. add_action( 'wp_footer', 'add_script_to_product_page' ); function add_script_to_product_page() { // Only on the product page. if ( ! is_product() ) { return; } ?> <script type="text/javascript"> var settings = { "url": "https://www.URL.com", "method": "GET", "timeout": 0, "headers": { "client-secret": "password123" }, }; $.ajax(settings).done(function (response) { console.log(response); }); </script> <?php }El código ha sido probado y funciona. Agréguelo al archivo functions.php de su tema activo.