Enqueued scripts inserted in the middle of the body « Support Forum | Kriesi.at

Support Forum » Replete

Enqueued scripts inserted in the middle of the body

8 posts from 3 voices

Started 5 months ago by FarenAgency
Latest reply from Devin
This topic is not a support question

Tags:

FarenAgency
Member

It appears that for some reason enqueued scripts are being inserted in the middle of the body instead of head, which causes issues.

What may be causing this and can this be fixed?

Thanks

Posted 5 months ago #
Devin
Moderator

Hey FarenAgency,

Can we take a look at your site live? They should only be getting spit out at wp_head in the header.php file. Can you also try disabling all active plugins except for woocommerce and see if that fixes the issue?

Regards,

Devin

Posted 5 months ago #
FarenAgency
Member

Hi Devin, thank you very much for quick reply.

An example can be observed here: http://www.hiyorkdale.com/

Disabling plugins didn't help.

Thanks

Posted 5 months ago #
Dude
Dude
Some javascripts are added into the footer section (before the closing body tag (I wouldn't call this "in the middle" though)). It's considered "best practice" to load/include the scripts at the end of the html document because it can speed up the loading process (including page generation & code execution) a bit. The wp_enqueue script function supports both locations (head or footer): http://codex.wordpress.org/Function_Reference/wp_enqueue_script#Parameters (in_footer parameter).

If you want to change the location of the theme scripts open up functions.php and replace:
```
wp_register_script( 'avia-prettyPhoto',  AVIA_BASE_URL.'js/prettyPhoto/js/jquery.prettyPhoto.js', 'jquery', "3.0.1", true);
		wp_register_script( 'aviapoly-slider',  AVIA_BASE_URL.'js/aviapoly2.js', 'jquery', "1.0.0", true);
```
with:
```
wp_register_script( 'avia-prettyPhoto',  AVIA_BASE_URL.'js/prettyPhoto/js/jquery.prettyPhoto.js', 'jquery', "3.0.1", false);
		wp_register_script( 'aviapoly-slider',  AVIA_BASE_URL.'js/aviapoly2.js', 'jquery', "1.0.0", false);
```
Posted 5 months ago #
FarenAgency
Member

Thanks for the quick reply,

The issue that I'm having is that I can not have jquery datepicker to work with your theme. I thought it had something to do with the way some script are included in footer, but it sees the problem is elsewhere.

Here's what I'm enqueuing:

wp_enqueue_style('jquery-ui', 'http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css');
wp_enqueue_script('jquery-ui-datepicker');

From what I understand, there is a conflict with prettyphoto used in the theme.

I do not get any js errors, but the popup does not appear in your theme. It appears if i switch to a different theme though.

Could you look into this please?

Posted 5 months ago #
Dude
Dude
The datepicker doesn't support custom z-index values. If the theme (like Replete) changes the z-index for the content area the datepicker div will break. You need to add following code to css/custom.css or the quick css field to fix the issue:
```
.ui-datepicker{
z-index: 99 !important;
}
```
Posted 5 months ago #
FarenAgency
Member

That worked. Thank you very much.

Posted 5 months ago #
Devin
Moderator

Glad Dude could help :)

Let us know if you have any other questions or issues.

Regards,

Devin

Posted 5 months ago #