Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1307601

    Hello
    I have a problem with the tab section in many areas on the site
    The content does not show fully until i click anywhere in that area !
    G-Mohris
    Link to Check : https://per-vurt.com/g-mohris/

    Notice in this link as well, when you click on “Show More” the full content does not show, until you click anywhere on the screen (same thing happens on mobile) (Sorry i mistyped on the image itself, i mean “Show More” )
    Label
    Link to Check: https://per-vurt.com/record-labels/

    This happens on many other places on the site ! Please advise how we can fix this problem
    Thank you

    • This topic was modified 3 years, 4 months ago by Cloudypro.
    #1307742

    Hey Mohamad,

    Thank you for the inquiry.

    Does it work correctly when you remove the loading=”lazy” attribute from the iframe element?

    <iframe loading="lazy" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/2541798&color=%23ebce45&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%" height="450" frameborder="no" scrolling="yes"></iframe>
    

    It is possible that the height of the tab section is not calculated properly because the iframe only loads when the tab title is clicked.

    Best regards,
    Ismael

    #1307748

    Hello @Ismael

    It is weird because in the soundcloud iframe code there is no loading=”lazy” in the code

    <iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/2541798&color=%23ebce45&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%" height="450" frameborder="no" scrolling="yes"></iframe>

    Also the other link i sent you does not have any soundcloud iframe .. so could you check that one too ?

    • This reply was modified 3 years, 4 months ago by Cloudypro.
    #1307887

    Hi,

    Thank you for the info.

    The tab section works well with static content or content with definite height. It has issues with element that dynamically changes on user interaction such as the masonry element and iframes loading content from external sources. To fix the issue with the pagination or the load more button, you may need to add this script in the functions.php file.

    
    function ava_custom_script_tab_resize(){
    	?>
    	<script type="text/javascript">
            (function() {
               $('.av-masonry-load-more').on('click', function() {
                setTimeout( function() {
                    $(window).trigger('av-content-el-height-changed');
                }, 1000);
               });
            })();
    	</script>
    	<?php
    }
    add_action('wp_footer', 'ava_custom_script_tab_resize');
    

    And for the iframe issue, this might be needed.

     function ava_enqueue_custom_script_resize() {
        if ( wp_script_is( 'avia-default', 'registered' ) ) {
            wp_add_inline_script( 'avia-default', "(function($){	
                var int = window.setInterval(function(){
                    console.log('tick');
                    $(window).trigger('resize');
                    $(window).trigger('av-content-el-height-changed');
                }, 2000);
    
                $(window).on('load', function() {
                    setTimeout( function() {
                        clearInterval(int);
                    }, 1000 );  
                });
            })(jQuery);" );
        }
     }
     add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script_resize', 9999);
    

    Best regards,
    Ismael

    #1307923

    Hi Ismael
    Both did not work !!!!

    I am still having the same issues
    This did not happen before .. only when i updated the theme

    #1308248

    Hi,

    Would you mind posting the login details in the private field? Please make sure that the Appearance > Editor panel is accessible so that we could edit the files and debug the issue properly.

    Best regards,
    Ismael

    #1308304
    This reply has been marked as private.
    #1308737

    Hi,

    We modified the script a bit and disabled the ava_custom_script_fix function. The tab section is now resizing when loading more posts or when it contains an iframe with the dynamic height.

    Best regards,
    Ismael

    #1308751

    Hello Ismael
    You mean the functions.php ?

    I am asking just to know what code to archive just in case there an update, so i can use that edit again (because i do not use a child theme)

    this solved part of the problem but now there is another problem
    Please go to https://per-vurt.com/record-labels
    Click on show more
    now you notice that the problem is fixed
    BUT
    after that, please click on another tab, you will realize that there is a huge blank space on top of this other tab

    There is also one more issue
    please go to https://per-vurt.com/customized-private-course/
    you will find an accordion element down the page labeled “examples 1,2,3,4”
    in each tab there are 2 accordions “READ MORE” & “LEARN IT ONLINE”
    these tabs are sometimes hidden.
    try to check the 4 of them, you will realize that the “READ MORE” & “LEARN IT ONLINE” are not showing all the time and they are glitching and malfunctioning

    I hope you can address and answer my message in its all details
    Thank you very much

    #1309022

    Hi,

    you will realize that there is a huge blank space on top of this other tab

    Try to set the Content height to the second option. The space is created because it forces the same height for all tabs. This option only works well if you know that the content will actually have the same height or if you don’t mind a little space on other tabs with shorter content.

    Best regards,
    Ismael

    #1309073

    hello Ismael
    i fixed the problem by auto adjusting the content

    So did you make changes to the functions.php ? i need to know because i need to save a backup

    Thank you

    #1309210

    Hi,

    We added the custom script that we recommended above and disabled the other custom script that is supposed to adjust the height of the tab section title. The function or script name is ava_custom_script_fix.

    Best regards,
    Ismael

    #1309228

    Thank you
    Problem fixed

    #1309458

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1309490

    No thanks all is well

    #1309520

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Tab Section problem, doesnt show full content’ is closed to new replies.