Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 19, 2018 at 4:59 pm #974819
    briandeeney

    Hi

    White Space under Filterable portfolio within Tab Section
    I have portfolio items in a filterable portfolio section “July Availability”
    But when I filter by other dates (eg 21-28 July) there is a lot of white space below the items
    I have the tab section set to “adjust to content height”

    Brian

    June 20, 2018 at 6:11 am #975098
    Ismael

    Hey briandeeney,

    Thank you for using Enfold.

    The tab’s “set_slide_height” function is not being called upon clicking the portfolio sort button. You may need to modify the config-templatbuilder > portfolio > portfolio.js file. Add this code around line 59.

    setTimeout(function() { $(window).trigger('av-height-change'); }, 600);

    Below this one…

    parentContainer.find('.open_container .ajax_controlls .avia_close').trigger('click');

    Disable the js and css compression in the Performance panel temporarily. Don’t forget to purge the cache and reminify the script and stylesheets.

    Best regards,
    Ismael

    June 20, 2018 at 11:23 am #975206
    briandeeney

    Hi Ismael

    Thanks for suggestion
    I added in that code
    setTimeout(function() { $(window).trigger(‘av-height-change’); }, 600);

    but I’m still getting the empty white space below items in filterable portfolio

    June 20, 2018 at 11:27 pm #975571
    Ismael

    Hi,

    Thanks for the update.

    Did you purge the cache or disable the css/js compression after? Please provide the login details in the private field. We would like to test it further.

    Best regards,
    Ismael

    June 21, 2018 at 1:17 am #975593
    briandeeney

    Hello Ismael
    yes I’m fairly certain I did those things
    I’ve supplied details for testing
    Let me know what you find

    June 21, 2018 at 5:13 am #975658
    Ismael

    Hi,

    Thanks for the info.

    I adjusted the script a bit. The tab section auto adjusts now when you click on the sort buttons.

    setTimeout(function() { $(window).trigger('av-content-el-height-changed'); }, 100);

    Best regards,
    Ismael

    June 21, 2018 at 10:57 am #975742
    briandeeney

    Hello Ismael
    Thanks for your help but portfolio is not working correctly. For July Availability there are currently showing 9 portfolio items under “All”
    If I filter by say July 21-28 and then go back to All – some portfolio items are hidden.- sometimes 3 show and sometimes 6
    I am using Chrome on a desktop but looks similar in Opera and Edge

    I did put code you suggested into portfolio.js
    setTimeout(function() { $(window).trigger(‘av-content-el-height-changed’); }, 100);

    June 22, 2018 at 6:22 am #976097
    Ismael

    Hi,

    Thanks for the update.

    Delay the execution a bit. Set the timeout to 1000ms instead of 100ms.

    setTimeout(function() { $(window).trigger('av-content-el-height-changed'); }, 1000);

    The issue is that the tab section adjusts its height before the portfolio items are fully loaded so delaying the execution of the “set_slide_height” should help.

    Best regards,
    Ismael

    June 22, 2018 at 11:16 am #976244
    briandeeney

    Hi Ismael

    Thanks
    Yes, that works – with a slight delay before all portfolio items appear

    Quick question – each time I update the theme do i need to remember to insert..
    setTimeout(function() { $(window).trigger(‘av-content-el-height-changed’); }, 1000);
    at wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.js

    or will this be fixed in next update of theme

    Brian

    June 24, 2018 at 11:41 pm #977241
    Ismael

    Hi Brian,

    Glad it works. You have to modify the file after an update, unfortunately. We’ll forward the issue to the team. :)

    Best regards,
    Ismael

    June 24, 2018 at 11:53 pm #977242
    briandeeney

    Thanks ismael

    I’ve opted not to use the tabs + filterable portfolio and gone for a different setup at my site that does the same thing

    June 25, 2018 at 1:29 am #977266
    Ismael

    Hi,

    Alright. We’ll close the thread now.

    Have a good one! :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘White Space under Filterable portfolio within Tab Section’ is closed to new replies.