Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 3, 2016 at 4:25 pm #626596
    rungemach_kiez

    Masonry Grid element not displaying images. The page elements like page numbers are showing. Viewing source code the images are there.
    Enfold Version: 3.5.4 WP 4.5.1 Theme and child theme
    I have cleared all caching and tested on Chrome, Firefox and Safari.
    I have added the recommended script the the finctions.php
    I am seeing the following error in the console I have pasted the full error in the private content section.
    shortcodes.js?ver=3:1211 Uncaught TypeError: container.isotope is not a function

    May 3, 2016 at 6:40 pm #626666
    Jordan

    Hey rungemach_kiez,

    Thanks for getting in touch with us!

    Thanks for sharing the error messages. Could you also please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • the URL to the login screen
    • a valid username (with full administration capabilities)
    • as well as a password for that username

    Best regards,
    Jordan

    May 3, 2016 at 7:01 pm #626688
    rungemach_kiez

    Creds posted to private

    Thanks
    Robert

    May 3, 2016 at 7:08 pm #626693
    rungemach_kiez

    The Masonry Gallery is added to two locations.

    Portfolio page, added to test, still in draft mode
    Portfolio Item Sitara Collctions still in draft mode.

    I also created a test page that is published to see it status was the issue.
    It has both a content masonry and media masonry gallery for testing.

    Gallery Test

    May 4, 2016 at 3:50 pm #627306
    Yigit

    Hi,

    Can you please try de-activating all active plugins and check if that helps? If not, please try re-updating the theme via FTP and overwrite all files – http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Yigit

    May 4, 2016 at 11:04 pm #627545
    rungemach_kiez

    Disabled plugins, cleared cache, no joy. Only Wordfence, JetPack and Askimet have ever been installed.
    FTP update of Enfold Theme – no joy after clearing cache.
    Tested Firefox, Safari and Chrome.
    Note this error is now gone, (shortcodes.js?ver=3:1211 Uncaught TypeError: container.isotope is not a function) but the gallery still doesn;t work.
    I will post the full listing of the CSS errors in private. I found a 404 error to a jquery call I can’t tell if that is whats tripping up the CSS.
    I’ve listed that network error first. its a

    May 9, 2016 at 5:54 am #628994
    Vinay

    Hi,

    You are using the latest version of the theme so the jQuery enqueue script is no longer required. The styles.css will be called by the main theme so to avoid conflict we have removed the below script from the functions.php The issue is with the scripts being 

    
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

// jquery enqueue
function modify_jquery() {
if (!is_admin()) {
    wp_deregister_script('jquery');
    wp_register_script('jquery', 'https://code.jquery.com/jquery-1.11.3.min.js');
    wp_enqueue_script('jquery');
}
}
add_action('init', 'modify_jquery', 100);
?>

    Please go to Appearance > Themes > ( Activate the main theme)

    Let us know if this helps.

    If not please download a fresh copy from themeforest. Backup and replace the shortcodes.js file via FTP in location /wp-content/themes/enfold/js/

    If the above do not help please backup theme settings and any other custom changes made to the main theme and delete the enfold folder from FTP and upload a fresh copy of the theme should fix the issue.

    Best regards,
    Vinay

    May 9, 2016 at 5:09 pm #629365
    rungemach_kiez

    I activated the main them, flushed my cache and that did not help.
    I deleted and replaced the shortcodes.js file, that did not help.
    I deleted and replaced the entire enfold directory, that did not help either.
    Looking at the source of the page that is generated everything including the masonry gallery seems to be created and correct to display.
    The page is there and the pagination is working, but all I get is white. Could this be an overlay or something that is covering up the actual gallery? I purposely did not import my settings file so we could work directly with the theme file.
    This is completely beyond what I can troubleshoot. I have tested again in all three browsers.

    I am still seeing this error. I noticed its in the MASONRY section of the shortcodes.js
    TypeError: container.isotope is not a function
    shortcodes.js:1211:4
    TypeError: container.isotope is not a function
    shortcodes.js:1211:4

    May 11, 2016 at 10:50 am #630582
    Andy

    Hi,

    we can’t reproduce the issue and it’s working for thousands of users, so something must cause it especially on your end. I would try to delete all theme files completely again and afterwards get a fresh copy from your themeforest account.
    If that does not help your server might be using caching. Ask your host about it and tell them to deactivate any caching on your server.

    Best regards,
    Andy

    May 11, 2016 at 4:07 pm #630795
    rungemach_kiez

    Finally found it and fixed it. It was a script from MailChimp that was supposed to add a newsletter signup after a delay. There was an error in its loading which was blocking isotope from loading correctly and therefore I was seeing this error in the js console. since isotope wasn’t being loaded this function couldn’t work.

    typeerror container.isotope is not a function

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Masonry Element not displaying’ is closed to new replies.