Viewing 8 posts - 31 through 38 (of 38 total)
1 2
  • Author
    Posts
  • August 30, 2018 at 9:01 am #1003442
    Ismael

    Hi,

    Thanks for the update.

    /themes/enfold-child/shortcodes

    That is the correct structure. It is clearly stated in our previous reply that you have to create a folder called “shortcodes” inside the child theme directory.

    Create a folder called “shortcodes” inside the child theme directory and then copy the “portfolio” folder along with its content inside that folder.

    Let us know if it’s still confusing. :)

    Best regards,
    Ismael

    August 30, 2018 at 5:28 pm #1003726
    sassoagency

    Thanks for the clarification. I’ve added the portfolio folder into the shortcodes folder in the location you stated above. The portfolio folder has the following files in it:

    isotope.js
    portfolio.css
    portfolio.js
    portfolio.php

    These files have been modified this way:
    portfolio.js has been modified at line 60 to change the timeout to 2000 ms
    setTimeout(function() { $(window).trigger('av-content-el-height-changed'); }, 2000);

    and portfolio.php has been modified from line 31-42 per the instructions in the thread above from the August 17th post above.
    I’ve also added the following filter into the functions.php file for my child theme per the post from the July 19th post above in this thread, and confirmed that it is appearing in the footer code in the page:

    
add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		$(window).trigger('resize');
		$(window).trigger('av-content-el-height-changed');
	}, 2000);
	
	$(window).load(function () {
		setTimeout(function() {
			clearInterval(int);
		}, 2000);
	});
})(jQuery);
</script>
<?php
}

    However, none of this has changed the fact that the ajax content that is appearing when you click a logo is getting cut off. Can you please take another look and see what the issue might be.

    The credentials for the saddle creek site should be in the private post above, but if you need me to repost them I can.

    Thanks.

    August 31, 2018 at 12:17 am #1003836
    sassoagency

    Maybe it might help if I explain exactly what I want this to do. If you look at this page:

    Shop & Dine

    I have a set of tab panels with the portfolios inside the tabs. When you click the logo of a tenant, the ajax panel loads in and displays. In the first tab it works fine because the number of tenants in that tab is enough that the height is tall and it shows the whole ajax panel, however on the other two tabs it is not and the ajax panel gets cut off when it loads. If there a function I can call or an event to listen for when the ajax panel finishes displaying that can call a function to resize the tab panel?

    August 31, 2018 at 4:36 am #1003885
    Ismael

    Hi,

    The site is still loading the parent theme’s portfolio.js file. Did you add the following filter in the functions.php file too?

    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');

  return $paths;
}

    If this is still not working, please post the login details in the private field so that we can test it.

    Best regards,
    Ismael

    August 31, 2018 at 3:51 pm #1004133
    sassoagency

    Hi Ismael,

    I’ve added the filter to the functions file, but it still isn’t working. Login info and credentials are in the private data from my post on August 20th in this thread.

    Thanks!

    September 3, 2018 at 7:25 am #1004793
    Ismael

    Hi,

    Thanks for the update.

    The script and stylesheet are loaded from the child theme directory, so the “shortcodes” filter is working properly now. We also updated the auto resize script in the functions.php file.

    add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	$(document).ready(function() {
		$('.grid-entry').on('click', function() {
			var tab = $(this).parents('.av-layout-tab');
			var entry = $(this);
			
			$('body').on('av_resize_finished', function() {
				setTimeout($.proxy(function() {
					if(tab.height() == entry.height()) {
						$(window).trigger('av-content-el-height-changed');
					}
				}, this), 500);	
			});
		});
	});
})(jQuery);
</script>
<?php
}

    The tab section resizes properly after clicking a grid entry and it’s more consistent compare to the previous fix, but the issue still occurs when you hurriedly click another entry right after opening the previous one.

    Best regards,
    Ismael

    September 4, 2018 at 3:56 pm #1005663
    sassoagency

    Thanks Ismael. That is working much better. Thanks!

    September 4, 2018 at 9:19 pm #1005778
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 8 posts - 31 through 38 (of 38 total)
1 2
  • The topic ‘Expanding Content Hidden in Tab Views’ is closed to new replies.