Filter/Linking/Load More

Would Appreciate a Response on this one, Seriously no idea, I’ve removed all JQ on the website still the same thing I’m not sure whats causing the issue

Hi.

Your site is not loading properly for me. A lot of timed outs. I can’t test it, because the problem may be with your server, not with our plugin.

Please, resolve it first.

Regards, nK.

I’ve tested on my localhost servers aswell the same result

I’ve contacted my ISP and ran my Own Diagnostics no issue’s of note there.

I’ve removed all Javascript & Plugin’s Still the same issue’s, I’ve at most managed to get it to actually run the Filtering but still showing every image the load more isnt functional.

That server is a Test Server its slow but Functional I can’t live make the site live until I get this resolved,

I also tried using a Free Web-host to host on And Can’t seem to get it to filter as-well So as much as i’d like to say it is my server Ive tested on every available server to me and the same Result I have no other Servers to try this on, I’m unsure what to do at this point, I Think its an amazing plugin and really appreciate the work you guys do, I just find it odd that this is happening, My only other step would be to go and try the plugin on another site but I cant see how That would help me as ive removed all Javascript and plugins to Eliminate any Conflicts,

Can you confirm that my Permalinks are Appropriate and if you require login’s for this site that theres a more private way to send that to you, So you can maybe tell me whats up.

I’d really Appreciate some assistance,

PS: I did ask my ISP to look into the Timeout’s they claim there are no-one so im trying to figure that out as-well

Hey.

Your permalinks are fine. AJAX request is done also without any errors. The problem may be because of the conflict or error with some of the 3rd-party scripts.

Have you tried to use default theme TwentTwenty? With disabled 3rd-party plugins also. Could you check it and let me know if it works or no.

Regards, nK.

Hey nk

I tried it with TwentTwenty It works Without Disabling any Plugins

So I went onto the Main Theme And Removed all Boostrap Javascript basically any and all Javascript Links/or Actual code from the site, And for the love of me I still cant get it to work.

The only Difference I can think of between the Twenty Theme and Mine is that Its a custom theme, and the JQ im using but I removed that and still,I can Link you my Functions.PHP if you think there might be some issue’s there Cause thats all I can think of

<?php 

add_theme_support( 'menus' );
add_theme_support( 'post-thumbnails' );

function wpt_excerpt_length( $length ) {
	return 70;
}
add_filter( 'excerpt_length', 'wpt_excerpt_length', 999 );

function register_theme_menus() {

	register_nav_menus(
        array(
            'primary-menu' => __( 'Primary_menu' ),
            'footer-menu' => __( 'Footer_menu' ),
            'extra-menu' => __( 'Extra_menu' )
        )
	);

}
add_action( 'init', 'register_theme_menus' );

function wpb_image_editor_default_to_gd( $editors ) {
    $gd_editor = 'WP_Image_Editor_GD';
    $editors = array_diff( $editors, array( $gd_editor ) );
    array_unshift( $editors, $gd_editor );
    return $editors;
}
add_filter( 'wp_image_editors', 'wpb_image_editor_default_to_gd' );

function wpt_theme_styles() {
	wp_enqueue_style( 'googlefont_css', 'https://fonts.googleapis.com/css?family=Roboto:400,900' );
	wp_enqueue_style( 'googlefont_css', 'https://fonts.googleapis.com/css?family=Oxygen' );
	wp_enqueue_style( 'googlefont_css', 'https://fonts.googleapis.com/css?family=Slabo+13px' );
	wp_enqueue_style( 'fontawesome_css', 'https://use.fontawesome.com/releases/v5.8.1/css/all.css' );
	wp_enqueue_style( 'main_css', get_template_directory_uri() . '/style.css' );
	wp_enqueue_style( 'bootstrap_css', get_template_directory_uri() . '/css/bootstrap.css' );
	wp_enqueue_style( 'bootstrap_css', get_template_directory_uri() . '/css/jquery-ui.min.css' );

}
add_action( 'wp_enqueue_scripts', 'wpt_theme_styles' );

function theme_js() {
			global $wp_scripts;

		wp_enqueue_script('custom_js', get_template_directory_uri(). '/js/script.js', array('jquery'), '', true);

	}

	add_action('wp_enqueue_scripts','theme_js');

function new_excerpt_more( $excerpt ) {
    return $excerpt. '... <a class="more-link" href="'. get_permalink( get_the_ID() ) . '">' . __('READ MORE') . ' </a>';
}
add_filter( 'get_the_excerpt', 'new_excerpt_more' );

function mytheme_setup() {
    add_theme_support('custom-logo');
}

add_action('after_setup_theme', 'mytheme_setup');

?>

Script.js

function openTab(evt, cityName) {
    let buttonIndex = -1;
    const $clickedButton = $(evt.target); //Using Jquery to get the button which was clicked
    const tabcontent = document.getElementsByClassName("tabcontent");

    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }

    if($clickedButton.hasClass('tablinks')){
        $('.tablinks').each(function(i, el){
            if($(el).is($clickedButton)){
                buttonIndex = i;
                return false; //break from the each now that we have the button index
            }
        });
    } else {
        $('.tablinks-title').each(function(i, el){
            if($(el).is($clickedButton)){
                buttonIndex = i;
                return false; //break from the each now that we have the button index
            }
        });
    }

    //Remove active class from buttons before adding to newly selected
    $('.tablinks').removeClass('active');
    $('.tablinks-title').removeClass('active');

    //Add the active class to the corresponding buttons at the clicked index for both
    //Number and title
    $($('.tablinks')[buttonIndex]).addClass('active');
    $($('.tablinks-title')[buttonIndex]).addClass('active');

    document.getElementById(cityName).style.display = "block";
  

}
  document.getElementById("defaultOpentitle").click();
    document.getElementById("defaultOpen").click();

filterSelection("all")
function filterSelection(c) {
    var x, i;
    x = document.getElementsByClassName("column");
    if (c == "all") c = "";
    for (i = 0; i < x.length; i++) {
        w3RemoveClass(x[i], "show");
        if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");
    }
}

function w3AddClass(element, name) {
    var i, arr1, arr2;
    arr1 = element.className.split(" ");
    arr2 = name.split(" ");
    for (i = 0; i < arr2.length; i++) {
        if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];}
    }
}

function w3RemoveClass(element, name) {
    var i, arr1, arr2;
    arr1 = element.className.split(" ");
    arr2 = name.split(" ");
    for (i = 0; i < arr2.length; i++) {
        while (arr1.indexOf(arr2[i]) > -1) {
            arr1.splice(arr1.indexOf(arr2[i]), 1);
        }
    }
    element.className = arr1.join(" ");
}

// Add active class to the current button (highlight it)
var btnContainer = document.getElementById("myBtnContainer");
var btns = btnContainer.getElementsByClassName("btnz");
for (var i = 0; i < btns.length; i++) {
    btns[i].addEventListener("click", function(){
        var current = document.getElementsByClassName("active");
        current[0].className = current[0].className.replace(" active", "");
        this.className += " active";
    });
}
<code></code>

Also let me know if you require access to the site I can create a Account for you

• This reply was modified 4 years, 5 months ago by foxroy.

Hey havent heard anything in quite a while.

Been asking around on forum after forum trying fix after fix I cant get the Ajax to work.

I’m being pushed to make this live and this is the only functionality im still lacking on the site, Ive been loving the plugin I just need assistance with this case.

Again, Ive Removed every and all JQ, Removed all Plugins and the results are the same, I’ve tried moving everything in the Functions php in and out to see if thats the issue. Nothing

I’ve checked that im not over writing anything on the css side, Really have no idea what to do here, Would love to get this fixed, I really dont want to have to end up using something els as this is simplistic and perfect for my needs.

Please Get in touch with me.

I have it narrowed slightly If I remove

<?php
get_footer();
?>

The Filtering works but the Images dont show and theres 0 styling but the ajax is working

I have no links in my Footer, I only have a small Script for A back to top button I obviously tried to remove this the issue remains,

I dont think ive mentioned Im Using a custom post type to fill the gallery and using that post types categories, Would love to get this fixed

I’ve scrounged threw every Github Topic on your repository every Support ticket on here every forum post I could find and I just cant figure this out.

Just updated to V2.0 Still not working for me ??

Hey.

So, you tried the default TwentyTwenty theme and everything is working fine? If yes, why do you still trying to get help here? The problem in your theme, for sure.

Regards, nK.