Issue with slider area on home page?

[iamjanco]

You may already be aware of the slider not working on the home page E, but if not, here's some additional info for you and your site devs (ref. the screen cap at the bottom of this post for a screen shot):

 

The following error is showing up in the dev consoles in both Chrome and Mozilla (Firefox): SyntaxError: Unexpected token o in JSON at position 1

 

The full text of the issue follows:

 

(index):1 Uncaught SyntaxError: Unexpected token o in JSON at position 1
    at JSON.parse (<anonymous>)
    at Object.success ((index):329)
    at i (jquery.js?ver=1.12.4-wp:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2)
    at x (jquery.js?ver=1.12.4-wp:4)
    at XMLHttpRequest.c (jquery.js?ver=1.12.4-wp:4)

The script that's generating the error follows (it starts at line 324 of index.php for the home page):

 

    <script>
        var $ = jQuery;
        $(document).ready(function () {

            $.get('https://extremehw.net/fetchPosts.php', function(data) {
                let posts = JSON.parse(data);

                $.each(posts, function(index, post) {
                    let trueIndex = index + 1;
                    let titleWrapper = $('#post-' + trueIndex + '-title');
                    let authorWrapper = $('#post-' + trueIndex + '-author');
                    let dateWrapper = $('#post-' + trueIndex + '-date');
                    let catsWrapper = $('#post-' + trueIndex + '-cats');
                    let bgWrapper = $('#sliderBlock-' + trueIndex);

                    titleWrapper.html(post.post_title);
                    titleWrapper.attr('href', post.post_url);
                    authorWrapper.html(post.author_name);
                    authorWrapper.attr('href', post.author_url);
                    dateWrapper.html(post.post_date);
                    catsWrapper.html(post.categories);
                    bgWrapper.attr('data-href', post.post_url);

                    bgWrapper.attr('style', 'background-image: linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,255,0)), url(' + post.thumb_url +'); background-size:cover;background-position: center center;');
                });

                 $('body').on('click', '.slider-block', function(){
                         window.location.href = $(this).attr('data-href');
                 });

                $('#sliderProgress').css('opacity', 0);
                setTimeout(function(){  $('#sliderProgress').hide();  }, 2000);
            });

        });
    </script>

 

See Fix: Unexpected token o in JSON for an explanation of what's going on and how to address the error. It's a fairly common one and there's plenty of info out there that offers help in fixing it.

 

Edited July 3, 2021 by iamjanco
added additional link to Google SERP about the issue

[ENTERPRISE]

Hey Bud 

 

Thanks for this. Yes I knew this was in an issue as of yesterday. We believe it was due to a plugin that was minifying JS that has caused that issue. Plugin since disabled, just waiting on devs to go in and fix

 

Thanks,

E

[ENTERPRISE]

This has now been resolved

[iamjanco]

Doesn't look like it was the script itself, but glad it's fixed

[ENTERPRISE]

Just now, iamjanco said:

Doesn't look like it was the script itself, but glad it's fixed

Me too haha.