If JavaScript controlled items on your webpage are not behaving as expected, such as header/footer nav items not dropping down, hover menus not appearing, or pop-up light boxes not appearing, follow these troubleshooting steps to resolve the issues.
Step 1: Verify JavaScript Tags
Ensure that all JavaScript tags have been included. <script> tags typically reside in the <head> section, but they may also appear after the closing </header> or </footer>. Look for any missing scripts and use absolute URLs.
Step 2: Adjust JavaScript Placement
Try moving the your JS before or after Localist's JS, as this may change the behavior:
-
Place your
<script>tags on Line 51 of Global Site Shell before the following code snippet, and save changes:
<!-- begin include javascripts -->
{% initialize_javascript %}
<!-- end include javascripts -->
2. Wait at least 10 minutes for caching to expire (in production) and refresh the page. If the issue persists, move your <script> tags after the snippet and save changes.
Step 3: Add a jQuery noConflict Snippet
If jQuery is being used in your branding assets, it might interfere with Localist's code:
-
In Global Site Shell, add the following snippet of code directly after
<!-- end include javascripts -->(around Line 51) and save changes:
<script type="text/javascript">Slzr.jQuery.noConflict(true);</script>
Note: This call effectively hides Localist jQuery. If your assets don't include jQuery but need it, things may break in the brand.
By following these troubleshooting steps, you should be able to resolve issues related to JavaScript controlled items not behaving as expected.
Comments
0 comments
Please sign in to leave a comment.