Tagged: ajax portfolio
-
AuthorPosts
-
October 5, 2016 at 10:18 am #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
PaulOctober 6, 2016 at 6:19 am #695859Hi Paul,
Could you post a link to the site in question so that we can take a closer look please?
Thanks,
RikardOctober 6, 2016 at 10:43 pm #696219Hi Rikard,
here you go…Thanks,
PaulOctober 9, 2016 at 6:29 am #696973Hey!
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!
IsmaelOctober 11, 2016 at 6:27 pm #697996Hi 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,
PaulOctober 16, 2016 at 2:52 am #699427Hi,
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,
IsmaelOctober 16, 2016 at 4:14 pm #699630Hi 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,
PaulOctober 19, 2016 at 4:56 am #700978 -
AuthorPosts
- You must be logged in to reply to this topic.