Okay
  Public Ticket #1552400
Display 2 portfolio items (custom query) widgets in 2 tab sections
Closed

Comments

  • francescaperona started the conversation

    Hello,

    I am using WP page builder on my homepage, and using 1 Laborator portfolio item showing the category filter above to select the posts beloging to the categorised content.

    However, instead of using a single portfolio item with the category filter option on, I would like to:

    Use a Tab (theme styled minimal) item with 2 sections, where:

    - section1 contains one porfolio item with custom query, displaying only category1

    - section2 contains another portfolio item with custom query displaying only category2

    in both cases, without showing category filter above the portfolio items.  (attach pic_1a

    It seems that this is not possible, in my understanding it's something to do with the 'Enter active section number'  in the tab options. I tried to use a non-existing number but it doesn't work either. (attach pic_02)

    Any chance this could be resolved?

    The second but less appealing option because it doesn't allow me to add details in each tab would be to be able to  remove the 'all' category from the categories filter above the single portfolio item. (attach pic_05) 

    Many thanks!

    {"wp":{"use":false,"adminUrl":"francescaperona.com/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}

  •  1,559
    Laborator replied

    Hi francescaperona,

    Can you please share your site credentials here, because we need to login to your site and see your site live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   francescaperona replied privately
  • [deleted] replied

    Hi Franceska,

    After adding the following code in  Theme Options > Footer > JavaScript:

    <script>
    jQuery( document ).ready( function( $ ) {    
        $( '.vc_tta-tab' ).on( 'click', 'a', function() {
            setTimeout( function() {
                $( '.portfolio-holder' ).isotope( 'layout' );
            }, 100 );
        } );
    } );
    </script>

    It fixed the problem: