Return to previous page

How to add js files to The Leader theme?

This topic has 2 replies, 2 voices, and was last updated 10 years ago ago by Olga Barlow

plandoin

Participant

April 7, 2014 at 15:10

Hi,

I want to add a bootstrap-style type ahead javascript file (http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js).

To add the library, Where should I insert the following code?
wp_register_script(‘typeahead’,get_template_directory_uri().’/assets/js/typeahead.bundle.js’,
array(‘jquery’), null, true);
wp_enqueue_script(‘typeahead’);

Thank you for your help.

#972 Copied

1 Answer
Olga Barlow

Support staff

April 8, 2014 at 06:50
Hello,
You should create child theme (https://www.8theme.com/demo/docs/leader/index.html#!/child_theme) and place following code into child theme functions.php:
```
function theme_name_scripts() {
wp_register_script(‘typeahead’,get_template_directory_uri().’/assets/js/typeahead.bundle.js’,
array(‘jquery’), null, true);
wp_enqueue_script(‘typeahead’);
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
```
This article can be helpful http://codex.wordpress.org/Function_Reference/wp_enqueue_script
#984 Copied
Tagged: javascript, leader, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘How to add js files to The Leader theme?’' has been successfully resolved, and the topic is now closed for further responses

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Books Store – WordPress WooCommerce Theme

lazy-placeholder

Watches Store – WooCommerce Theme

lazy-placeholder

Mango – Responsive eCommerce PSD Template

lazy-placeholder

School – WordPress Theme

lazy-placeholder

Mobile Store – WordPress WooCommerce Theme

lazy-placeholder

Games Store – WordPress WooCommerce Theme

lazy-placeholder

Home Decor 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Niche Market 03 – Multivendor WP WooCommerce Theme

lazy-placeholder

Boxed Store – WooCommerce Theme

lazy-placeholder

Fashion Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.