Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #695389

    Hi,
    1. Is there a way to have the Ajax portfolio animation (sliding the other portfolio elements down and showing the clicked-on in the preview) reversed? Meaning, the preview slides downwards and the other elements are at the top of the preview?

    2. I noticed that if the portfolio grid is inserted in a 1/1 column the hover animation (fade-out + arrow) works perfectly fine, but when I put the grid in a color-section or want to show it without any container the animation doesn’t work at all… Is there a reason for that?

    Thanks
    Paul

    #695859

    Hi Paul,

    Could you post a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    #696219

    Hi Rikard,
    here you go…

    Thanks,
    Paul

    #696973

    Hey!

    Thank you for the info.

    1.) Please follow the instructions here. https://kriesi.at/support/topic/ajax-preview-portfolio-like-google-images/#post-692047

    2.) I can’t reproduce the same issue on my installation. The hover effect is applied to the portfolio items regardless of its position within the builder. The problem with the page is that the section containing the portfolio grid is outside the main container. Please make sure that all elements or set of elements are inside their own color sections.

    Cheers!
    Ismael

    #697996

    Hi Ismael!
    Thank you for answering!
    1. The solution provided in your link is working. Just one issue: If I have several portfolio grids beneath each other and click on one picture, every portfolio grid expands its preview. Same while closing. Why is this happening with the modification? Furthermore, the page jumps to the first preview even when I want to expand the third one (See link).

    2. The hover animation of a closed preview is working fine if I put the portfolio gird in a 1/1 column (first portfolio grid).
    But if I put it in a color section it does not show. (second portfolio grid)
    If I combine both, a portfolio grid in a 1/1 column in a color section it won’t work either (third portfolio gird) … How can I fix this?

    Thanks,
    Paul

    #699427

    Hi,

    1.) Please replace the code in the functions.php file.

    add_action('wp_footer', 'ava_custom_script');
    function ava_custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
    	function c() {
    		$('.grid-sort-container').each(function() {
    			var preview = $(this).prev('.portfolio_preview_container');
    			$(preview).insertAfter(this);
    		});
    	}
    
    	c();
    })(jQuery);
    </script>
    <?php
    }

    2.) Did you move all elements in the page inside their own color sections? Like I said, it’s not working because the section is outside the wrap_all or main container.

    Best regards,
    Ismael

    #699630

    Hi Ismael,
    1. That fixed it! Thank you so much!!!

    2. Ok, last time there were some elements outside of a color section (e.g. text, headlines etc.). I have moved all elements on that page (except the Fullwidth Sub Menu) in some color sections now (see screenshots). Still no animation.
    The funny thing is, that last time the only working animation was at the first portfolio grid which was OUTSIDE of a color section. I have moved that into one as well – no animation… sorry for all the trouble, but that’s just unsatisfying…

    Thanks for your continuing support,
    Paul

    #700978

    Hi,

    1.) Glad it is fixed.

    2.) Please post the login details here so that we can check the page. This is actually a small glitch in the builder but it can easily fix by moving all elements or set of elements inside their own color sections.

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.