Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #1248117

    Hi
    images are not loading in gallery

    Video:
    [video src="https://marcusjeroch.de/screens/image-not-loading.mp4" /]

    URL:

    Marcus

    #1248173

    Hey Marcus,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1248201

    Sorry, but no. Specially not because you once created quite a bit of trouble with another clients website.

    You have all you need to solve the issue and i will provide you with any information you need
    This is the content of the page:

    [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-c57e0']
    [av_textblock size='' font_color='' color='' av_uid='av-bk8g8']
    <div><img id="titleimage" class=" alignright" src="https://marcusjeroch.de/wp-content/uploads/2015/06/galerie.png" alt="" width="170px" /></div>
    [/av_textblock]
    
    [av_heading tag='h3' padding='10' heading='SCHÖNER DENKEN 1' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-b2ajg'][/av_heading]
    
    [av_masonry_gallery ids='642,644,4746,4743,4742,4760,4763,4794' items='24' columns='flexible' paginate='pagination' size='flex' orientation='' gap='large' overlay_fx='' container_links='active' id='' caption_elements='none' caption_styling='' caption_display='always' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='' custom_class='' av_uid='av-a7gfk']
    [/av_section]
    
    [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-9txs4']
    
    [av_heading tag='h3' padding='10' heading='SCHÖNER DENKEN 2' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-92c3w'][/av_heading]
    
    [av_image src='https://marcusjeroch.de/wp-content/uploads/schoener-denken.jpg' attachment='5352' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' custom_class='' admin_preview_bg='' av_uid='av-8sta8'][/av_image]
    
    [/av_section][av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-7xxxw']
    
    [av_heading heading='SCHÖNER DENKEN 3' tag='h3' style='' size='' subheading_active='' subheading_size='15' padding='10' color='' custom_font='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' custom_class='' admin_preview_bg='' av_uid='av-7mjlo'][/av_heading]
    
    [av_masonry_gallery ids='5675,5674,5673,5672,5671,5670,5669,5668,5667,5666,5665,5664' items='24' columns='4' paginate='none' size='flex' orientation='' gap='large' overlay_fx='' container_links='active' id='' caption_elements='none' caption_styling='' caption_display='on-hover' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='' custom_class='' av_uid='av-700ss']
    
    [/av_section][av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-66un8']
    
    [av_heading tag='h3' padding='10' heading='SEH QUENZEN' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-5t1t4'][/av_heading]
    
    [av_masonry_gallery ids='348,346,355,349,351,383,353,667,354,352' items='24' columns='4' paginate='load_more' size='flex' gap='large' overlay_fx='' caption_elements='none' caption_display='on-hover' container_links='active' id='' av_uid='av-4umx4']
    
    [/av_section][av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-4hvco']
    [av_heading tag='h3' padding='10' heading='ALLGEMEIN' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-3msws'][/av_heading]
    
    [av_masonry_gallery ids='658,372,371,373,661' items='24' columns='3' paginate='pagination' size='flex' gap='large' overlay_fx='' caption_elements='none' caption_display='always' container_links='active' id='' av_uid='av-bp6g']
    [/av_section]
    
    [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-2khfo']
    [av_heading tag='h3' padding='10' heading='ICH UND MEIN ANDERES' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-204y8'][/av_heading]
    
    [av_masonry_gallery ids='391,390,388' items='24' columns='3' paginate='pagination' size='flex' orientation='' gap='large' overlay_fx='' container_links='active' id='' caption_elements='none' caption_styling='' caption_display='always' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='' custom_class='' av_uid='av-1m1p4']
    [/av_section]
    
    [av_social_share title='Teile diesen Eintrag' style='' buttons='' share_facebook='' share_twitter='' share_pinterest='' share_gplus='' share_reddit='' share_linkedin='' share_tumblr='' share_vk='' share_mail='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av_uid='av-xasw'][/av_social_share]

    This is the content of the child-themes function.php

    <?php
    /*
    * Add your own functions here. You can also copy some of the theme functions into this file. 
    * WordPress will use those functions instead of the original functions then.
    */
    function enqueue_parent_theme_style() {
          wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    }
    add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style');
    
    /* Proper way to enqueue styles and scripts
     */
    function theme_name_scripts() {
    	wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    }
    add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
    
    function change_cf_from() {
        return " (Email address hidden if logged out) ";
    }
    add_filter('avf_form_from', 'change_cf_from', 10);
    
    /* Activate Avia debug mode */
    add_action('avia_builder_mode', "builder_set_debug");
    function builder_set_debug()
    {
    	return "debug";
    }
    add_filter('avf_title_args', 'avf_title_args_mod', 99, 2);
    function avf_title_args_mod($args,$id)
    {
         if ( $args['title'] == 'Calendar of Events' ) 
         {
            $args['title'] = 'Veranstaltungskalender';
         }
        return $args;
    }
    add_action('tribe_events_single_event_after_the_content', 'tribe_events_single_event_after_the_content_mod');
    function tribe_events_single_event_after_the_content_mod() {
    	echo "";
    	echo do_shortcode("[av_social_share title='Teile diese Veranstaltung' style='' buttons='' custom_class='shareva']");
    }
    add_theme_support('avia_template_builder_custom_css');
    add_filter( 'wc_gzd_revocation_admin_mail', 'my_child_set_revocation_admin_mail', 10, 1 );
    function my_child_set_revocation_admin_mail( $mail ) {
       return ' (Email address hidden if logged out) ';
       
       add_filter('avf_title_args', 'fix_single_post_title', 10, 2);
    function fix_single_post_title($args,$id)
    {
    if (is_single)
    {
    $args['title'] = get_the_title($id);
    $args['link'] = get_permalink($id);
    $args['heading'] = 'h1';
    }
    
    return $args;
    }
    }
    /* Code zum Loeschen von Veranstaltungen 
    $allposts= get_posts( array('post_type'=>'tribe_events','numberposts'=>-1) );
        foreach ($allposts as $eachpost) {
          wp_delete_post( $eachpost->ID, true );
        }
    	
    	 $allposts= get_posts( array('post_type'=>'tribe_organizer','numberposts'=>-1) );
        foreach ($allposts as $eachpost) {
          wp_delete_post( $eachpost->ID, true );
        }
    	
    	 $allposts= get_posts( array('post_type'=>'tribe_venue','numberposts'=>-1) );
        foreach ($allposts as $eachpost) {
          wp_delete_post( $eachpost->ID, true );
        }    */
    #1248646

    Hi MarcusJeroch,

    I understand that’s fair enough.
    Upon inspecting further images for lightbox are not found.
    Please refer to the image link in private content.
    And check your uploads folder if those images are still existing otherwise you can try to regenerate them through some plugin.

    Best regards,
    Nikko

    #1251122

    Your answer is completely irrelevant.
    Did you really checked the matter…deeper than just the obvious surface?????
    I already regenerated the images BEFORE i started this thread.

    Please ask one of your collegues to overtake the support in this case.
    I would like to see @yigit or @dude taking over

    #1252128

    Hi,

    Please change your code in Functions.php file to following one

    <?php
    /*
    * Add your own functions here. You can also copy some of the theme functions into this file. 
    * WordPress will use those functions instead of the original functions then.
    */
    function enqueue_parent_theme_style() {
          wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    }
    add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style');
    
    /* Proper way to enqueue styles and scripts
     */
    function theme_name_scripts() {
    	wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    }
    add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
    
    function change_cf_from() {
        return " (Email address hidden if logged out) ";
    }
    add_filter('avf_form_from', 'change_cf_from', 10);
    
    /* Activate Avia debug mode */
    add_action('avia_builder_mode', "builder_set_debug");
    function builder_set_debug()
    {
    	return "debug";
    }
    add_filter('avf_title_args', 'avf_title_args_mod', 99, 2);
    function avf_title_args_mod($args,$id)
    {
         if ( $args['title'] == 'Calendar of Events' ) 
         {
            $args['title'] = 'Veranstaltungskalender';
         }
        return $args;
    }
    add_action('tribe_events_single_event_after_the_content', 'tribe_events_single_event_after_the_content_mod');
    function tribe_events_single_event_after_the_content_mod() {
    	echo "";
    	echo do_shortcode("[av_social_share title='Teile diese Veranstaltung' style='' buttons='' custom_class='shareva']");
    }
    add_theme_support('avia_template_builder_custom_css');
    add_filter( 'wc_gzd_revocation_admin_mail', 'my_child_set_revocation_admin_mail', 10, 1 );
    function my_child_set_revocation_admin_mail( $mail ) {
       return  (Email address hidden if logged out) ';
    }
       add_filter('avf_title_args', 'fix_single_post_title', 10, 2);
    function fix_single_post_title($args,$id)
    {
    if (is_single)
    {
    $args['title'] = get_the_title($id);
    $args['link'] = get_permalink($id);
    $args['heading'] = 'h1';
    }
    
    return $args;
    }
    /* Code zum Loeschen von Veranstaltungen 
    $allposts= get_posts( array('post_type'=>'tribe_events','numberposts'=>-1) );
        foreach ($allposts as $eachpost) {
          wp_delete_post( $eachpost->ID, true );
        }
    	
    	 $allposts= get_posts( array('post_type'=>'tribe_organizer','numberposts'=>-1) );
        foreach ($allposts as $eachpost) {
          wp_delete_post( $eachpost->ID, true );
        }
    	
    	 $allposts= get_posts( array('post_type'=>'tribe_venue','numberposts'=>-1) );
        foreach ($allposts as $eachpost) {
          wp_delete_post( $eachpost->ID, true );
        }    */

    If that does not help, please go to Enfold theme options > Performance tab and toggle “Responsive Images” option and check if that helps.
    As Nikko mentioned, certain image sizes are loading fine but certain are not loading so I believe it might be related to responsive images setting.

    Best regards,
    Yigit

    #1252290

    Do we talk about the same issue?
    1: The lightbox-link leads to: marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie-1584×1030.jpg (NOT existing)
    2: But if you inspect the code the link says: https://marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie-705×458.jpg (existing)
    3: The original file is online: https://marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie.jpg but regenerating images/thumbnails does not help
    4: Responsive images was already enabled. I disabled. No changes

    See screencast:
    marcusjeroch.de/screens/galerie2.mp4

    Marcus

    #1252999

    Hi Marcus,

    Yes, we are talking about the same issue.

    It would be great if we could login to dashboard and check the backend but we understand that you might not want to share login credentials. Without logins we can only guess though.
    Could you please try de-activating all active plugins and check if that helps?

    Best regards,
    Yigit

    #1254364

    Hi,
    I made you a copy of the website:
    dev.marcusjeroch.de
    Credentials in private field

    marcus

    #1254386

    Hi Marcus,

    Thanks!

    Please replace the content of functions.php file of your child theme with the one I shared in private content field. It fixes 1 syntax error, closes a missing comment tag and adds a function to display fullsize images in lightbox.

    Everything seems to be fine in the backend and while not being sure, issue might be related to your database.
    However loading fullsized images in lightbox solves the issue and on the bright side, makes images sharper.

    Could you please review your copy site and then update functions.php file on your live site as well?

    Best regards,
    Yigit

    #1255777

    Hi Yigit,
    It works but…..
    You say: “loading fullsized images”

    But that seems to be incorrect.
    Fact is, that it loads a new version of the image, right?
    https://marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie-scaled.jpg
    But the original is https://marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie.jpg

    So did your solution created a new version of every image used in the gallery?
    That would consume quite a lot of my webspace.

    Marcus

    #1255782

    Hi Marcus,

    No, it actually uses /Presse-2-Kopie.jpg in lightbox so it does not create a new version, but displays original uploaded image instead of displaying a scaled version :)

    Best regards,
    Yigit

    #1255793

    Sorry, but i think thats wrong.
    The lightbox loads ……-scaled.jpg

    <a href="https://marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie-scaled.jpg" aria-label="image Presse-2 Kopie" id="av-masonry-1-item-642" data-av-masonry-item="642" class="av-masonry-entry isotope-item post-642 attachment type-attachment status-inherit hentry av-masonry-item-with-image lightbox-added av-masonry-item-loaded" title="Presse-2 Kopie" alt="" itemprop="thumbnailUrl" style="position: absolute; left: 0%; top: 0px;"><div class="av-inner-masonry-sizer"></div><figure class="av-inner-masonry main_color"><div class="av-masonry-outerimage-container"><div class="av-masonry-image-container"><img class="wp-image-642 avia-img-lazy-loading-not-642" src="https://marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie-705x458.jpg" title="Presse-2 Kopie" alt=""></div></div></figure></a>

    You can simply check it by “Open link in new tab” and see which image is loading.
    This one:
    https://marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie-scaled.jpg

    #1256027

    Hi,

    Images that are bigger than 2560px are scaled at 2560px by WordPress – https://make.wordpress.org/core/2019/10/09/introducing-handling-of-big-images-in-wordpress-5-3/. Full size of Presse-5-Kopie.jpg image is 746x3425px so it is “scaled” :)

    Best regards,
    Yigit

    #1257621

    Ok, i see.
    Thank you for helping.
    Marcus

    PS: So i was right when i said that “someone” created a new version of images -the “…..scaled.jpg” ones.

    #1257623

    One more thing:
    Try to navigate (in lightbox) from picture to picture by using your keys or the arrows:
    You will stay always in the same gallery.

    Is there a way to “jump” from gallery to gallery?
    If not: Is there a way to filter images like with portfolios?
    If not: How can i sort images by theme, like i tried here, without loosing usability (like actually)?:
    marcusjeroch.de/pressefotos/

    #1257624

    Hi,

    You are welcome, Marcus!
    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

    P.S.: Yes, since it is something fairly new, I did not think of WordPress’ auto scaling function on big images :)

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘URGENT – Images not loading’ is closed to new replies.