Okay
  Public Ticket #2649442
Elements Missing while loading the page, not when I reload it
Closed

Comments

  • Samuel Belliard started the conversation

    hello Clapat team & Happy New Year 😊 
    I'm working on this website (personal portfolio) and while testing it, noticed that some content (pictures) was not correctly loading while following this path main menu > click on one project with cool animation or bottom page invite you to another project > click on the project
    (if you try it on my website, in invite you to try wit the project "Drive") I have to precise that it perfectly works while reloading the page. 

    I attached two captures, one with the "tools" column displaying correctly, one without the images.

    Thanks a lot !
    PS: I know you do your max, I hope you'll manage to answer me quickly, I have to send this portfolio in 2 days :/ 

  •  1,810
    Support replied

    Hi Samuel,

    Happy New Year!

    you may need to use only Gutenberg (recommended, Gutenberg is ajax friendly)

    disable ajax page transitions in customizer -> general settings or

    if you are using WPBakery to install a child theme that provides compatibility between basic WPBakery elements and ajax page transitions

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Samuel Belliard replied

    Hi ! I don't think I'm using anything else aside Gutenberg 😊 
    That's why I don't understand :/ also, I bought this theme for this cool ass transition you guys put so it'd be sad to loose it :/ 


  • Samuel Belliard replied

    Ok, after trying to understand which visuals were not displayed and which were, I understood that images from the Gutenberg "Image Block" aren't, where the ones from every Clapat / Colega containers are. this might mean something, however for now I'd just need to know how to disable the full view of picture (carousel that displays when you clic on a colelga pop up image to show it fullscreen), because I'll switch all my visuals to Colega pop up and don't want to allow this feature on all of them

    Can you please help with this ? thanks 😊 
    (I can give more precisions I'm active here if needed)

  •  1,810
    Support replied

    Hello Samuel

    We have a Gutenberg block image right here in our demo site

    http://clapat.ro/themes/colega-wordpress/colega_portfolio/cairs-root/

    that's displaying properly, what's wrong with yours

    https://prnt.sc/wgvtrp

    Could it be because you have a lazy loading plugin? What's the page url containing the image?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Samuel Belliard replied

    Hello 😊 
    Yes, I saw you was using it in your demo content, but for some reasons it doesn't work for some images and not other on my website (in the nav cases I described before) 
    http://samuelbelliard.fr/portfolio/drive_plus
    here you can see by loading this page the "tool" colum on the right side will display correctly when you'll load the page from this URL, but if you navigate from www.samuelbelliard.fr menu to "Drive Plus" project, you'll see it will have disappeared. I tested that with seven people every time same situation :/ It's a problem since I need to send it soon to apply for internships :/

  •  1,810
    Support replied

    Hello Samuel,

    the problem is every time I navigate from the home page to the Drive Plus portfolio page the columns are aligned properly , like this:

    https://prnt.sc/wh9f1w

    Tested in Chrome and Firefox

    Perhaps the animation is delayed on scroll for the last column (Tools)

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Samuel Belliard replied

    Hello ! So I'm using Safari, 
    Maybe that's why, but I think a lot of people are also using safari, 

    Honestly, now It's fixed, I'm using Clapat Pop Up image in Colega Containers for each (screen_1). 

    the only problem is that there is this "plus" icon (screen_2 ) activating anytime someone goes over a Pop up container, how could I de-activate that thing and also the pop up image (screen_3) whenever I click on it ? 

    It'd be perfect If I still have the choice the de-activate or not this for each, if not, simply and purely de-activating the pop-up and plus icon thing is ok also 😊 

    Thanks a lot for your help 😊 


  •  1,810
    Support replied

    Hello Samuel,

    ok, try adding

    .image-link {
        pointer-events: none;
    }

    in customizer -> additional CSS


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy