Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 13, 2016 at 11:22 pm #724025
    denisrowe

    I have redeveloped a custom PHP developed site using Enfold, however cannot duplicate one page where the list of clients on the page appears below all the tabs and changes based on the selected tab.

    Any thoughts if this would be possible – See the two pages below.

    December 15, 2016 at 4:54 pm #724915
    Yigit

    Hey Denis,

    I believe it would be the best if you remove clients from tab content and add them below your Tabs element using Code Block element or text tab of Text Block element. You could hide them all and display depending on active tab using jQuery.
    Unfortunately such customization would be out of the scope of our support forum. Please feel free to request – or vote if already requested – such feature on Enfold feature request form or hire a freelancer if urgently needed

    Best regards,
    Yigit

    December 16, 2016 at 6:39 am #725175
    denisrowe

    Thanks Yigit, After many hours of digging I have done that on the test page below, and although the code works for the first tab it does not work when other tabs are selected.

    The code and CSS are embedded on the page

    Testing to just change the color (addin a class) of the client list, when the tab is changed.

    The code does not dynamically change with the tab change.

    What am I missing on how the tabs are constructed.

    December 16, 2016 at 10:32 pm #725569
    denisrowe

    On further investigation, I realised I am targeting the wrong selector with this..

    if ( $(‘#tab-id-2-container’).hasClass(‘active_tab_content’) ) {
    $(‘#tab2-clients’).addClass(‘current_industry’);

    Should be targeting this selector

    <div data-fake-id=”#tab-id-2″ class=”tab tab_counter_1 active_tab” itemprop=”headline”>Financial & Professional Services</div>

    I have used this https://kriesi.at/support/topic/avia-layout-builder-tabs-and-google-event-handlers/

    To add an ID to the TABS in addition to the Fake-ID

    The script works and add “current_industry” class to the first tab when active, but it does not change the class when another tab is selected.

    https://1drv.ms/i/s!AicML0A9M_Krg9V1sAeOurY423W4Ow

    On the test page I have currently set the initial tab as 2 and that is displaying red correctly at the bottom of the page

    • This reply was modified 7 years, 10 months ago by denisrowe.
    December 20, 2016 at 2:11 pm #726554
    Andy

    Hi,

    glad you come closer to a solution. As already mentioned we can’t help you with such customizations. Please hire a freelancer for this job: http://kriesi.at/contact/customization

    Best regards,
    Andy

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.