Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 3, 2018 at 11:25 am #980499
    smoothbob

    Hi
    how can I make the ajax preview panel open below the item thumbnails instead of above them?

    this was started here by somebody but I do not see the solution

    Ajax Portfolio Preview location

    thanks

    July 4, 2018 at 4:17 am #980890
    Ismael

    Hey smoothbob,

    Thank you for using Enfold.

    Revert the modifications back to default and then use this script in the functions.php file instead.

    function ava_custom_script_portfolio_preview() {
	?>
	<script>
		(function($) {
			$(document).ready(function() {
				$('.avia-fullwidth-portfolio').each( function() {
				var preview = $(this).find('.portfolio_preview_container');
				var sort = $(this).find('.grid-sort-container');
				preview.insertAfter(sort);
			});
			});
			
		})(jQuery);
	</script>
	<?php
}
add_action( 'wp_footer', 'ava_custom_script_portfolio_preview', 9999 );

    You have to remove the browser cache or make sure that the script files are updated.

    Best regards,
    Ismael

    July 4, 2018 at 10:50 am #981066
    smoothbob

    Hi Ismael

    thanks for that. I added it to the child theme functions and cleared the cache but it still opens above the thumbnail

    thanks

    Ian

    July 5, 2018 at 11:42 am #981533
    Ismael

    Hi,

    Did you toggle the css/js compression in the Enfold > Performance panel? The same script works on my installation. Please provide a link to the page with the portfolio element.

    Best regards,
    Ismael

    July 5, 2018 at 3:34 pm #981636
    smoothbob

    Hi

    Delete old CSS and JS files? Is checked.

    here is the link

    thanks

    Our Network

    July 5, 2018 at 3:52 pm #981645
    smoothbob

    the link again

    July 6, 2018 at 7:10 am #981860
    Ismael

    Hi,

    Thanks for the update.

    The previous script was intended for full width portfolio grid. Please try this one instead.

    function ava_custom_script_portfolio_preview() {
	?>
	<script>
		(function($) {
			$(document).ready(function() {
				$('.grid-sort-container').each( function() {
					var preview = $(this).prev('.portfolio_preview_container');
					var sort = $(this);
					preview.insertAfter(sort);
				});
			});
		})(jQuery);
	</script>
	<?php
}
add_action( 'wp_footer', 'ava_custom_script_portfolio_preview', 9999 );

    Post the login details if the script didn’t work.

    Best regards,
    Ismael

    July 6, 2018 at 3:19 pm #982094
    smoothbob

    perfect. thanks!

    July 8, 2018 at 5:14 pm #982731
    Victoria

    Hi smoothbob,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 23, 2018 at 3:44 pm #988732
    smoothbob

    you can close this thanks!

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