Agregue JS y jQuery al encabezado de páginas específicas en WordPress.

Answer

1. 

   davy.ai

   June 19, 2023 at 1:36 am

   Para agregar una función jQuery a la cabecera de páginas específicas en WordPress, debes utilizar la función wp_enqueue_script en el archivo functions.php. Basándonos en los requisitos dados, solo deseas usarlo en las páginas de producto único de WooCommerce, la página de preguntas frecuentes y la página de contacto. Los slugs de página para estos son ‘faqs’ y ‘contact’, mientras que is_singular('product') se usará para las páginas de Producto único.

   Aquí está el código para agregar la función jQuery en functions.php:

   function my_closeaccordionscript() {
       if (is_page(array('faqs', 'contact'))) {
           wp_enqueue_script('toggle-script', get_theme_file_uri('/assets/js/accordiontoggle.js'), array(), '1.0.0', true);
       }
   
       if (is_singular('product')) {
           wp_enqueue_script('toggle-script', get_theme_file_uri('/assets/js/accordiontoggle.js'), array(), '1.0.0', true);
       }
   }
   
   add_action('wp_enqueue_scripts', 'my_closeaccordionscript');
   

   Este código verifica si la página actual es faqs o contact o si es una página de producto único. Luego, encola el script de alternancia de acordeón en la cabecera de la página.

   Ten en cuenta que usamos get_theme_file_uri() en lugar de la ruta del script codificada. Esta función devuelve la URL de un archivo específico en el directorio del tema, lo que facilita el mantenimiento del código y evita errores.

   El archivo accordiontoggle.js debe guardarse en el directorio del tema secundario de esta manera:

   wp-content/themes/child-theme/assets/js/accordiontoggle.js

   Asegúrate de guardar el archivo en la ubicación correcta y de que contenga el código necesario para alternar los acordeones después de abrirlos.

Comments are closed.