Shortcode in Tabbed Content

  • Hi there,

    Great plugin.

    But I cant seem to get it to work in tabbed content. I am using the DIVI theme (elegantthemes) The first tabbed content shortcode grid is fine, when clicking the second tab content – the grid only displays 100px height.

    Any guidance on how to fix this would be really cool.
    Thanks
    Keith

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,
    the Grid plus don’t work correctly because the Tab you have used.
    You can custom js when you click new tab, the Grid plus will re-init. Your code same:
    $(‘.your-tab’).on(‘click’, function(){
    if(typeof(GridPlus) != ‘undefined’) {
    GridPlus.init();
    }
    });
    Let me know if you need more help.
    Thanks

    Thread Starter keithfeldwickdavis

    (@keithfeldwickdavis)

    Hi,
    Thanks for getting back to me, appreciate.

    Ok, I have implemented the above.

    here is my code in my custom JS

    <script type="text/javascript">
jQuery( document ).ready(function() {
jQuery(' .blogtab .et_pb_tab_1 ').on('click', function(){
alert('gridtest');
if(typeof(GridPlus) != 'undefined') {
GridPlus.init();
}
});

});
</script>

    Still not getting it to work though. The tab button is targeting the JS, but seems to be loading strangely now. The page in question is here – https://dfstaging.co.za/HFH/explore-cape-town/

    Any ideas as to what to do here.

    Thanks.

    Hi,
    Please contact via my email: https://prntscr.com/gxjsa8 to fast help.
    Thanks

    Thread Starter keithfeldwickdavis

    (@keithfeldwickdavis)

    Many thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Shortcode in Tabbed Content’ is closed to new replies.