Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • June 1, 2017 at 1:26 pm #802528
    jonrouse

    Hi,

    I’m currently building a website with uses the tab sections. I have some links on the homepage which go to another page which has # anchor links on. When clicking these links, they go to the tab sections, but when clicking on the tab section, instead of going to the next tab, it scrolls to the top of the page. It’s difficult to explain, so I have included links in the private section.

    Sometimes it works fine, but other times it doesn’t. I also notice that when it’s not working properly, the little arrow indicating which tab you are on is white, rather than the colour it should be. Can you please take a look?

    It’s difficult to replicate because sometimes it’s okay. It feels like the page isn’t loading correctly.

    Attached is an image to show what it looks like when it’s not working – the arrow should be grey.

    Thanks in advance.

    June 1, 2017 at 2:14 pm #802548
    Nikko

    Hey jonrouse,

    Can you try to modify tab_section.php under wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\ folder, then find this code (line 384):

    $tabs  .= "<a href='#{$tab_title_link}' rel="nofollow">{$icon}{$image}<span class='av-outer-tab-title'><span class='av-inner-tab-title'>{$tab_title}</span></span>{$arrow}</a>";

    and replace it with this code:

    $tab_title_href = avia_sc_tab_section::clean_title_anchor( $tab_title, $i );
					
$tabs  .= "<a href='#{$tab_title_href}' rel="nofollow">{$icon}{$image}<span class='av-outer-tab-title'><span class='av-inner-tab-title'>{$tab_title}</span></span>{$arrow}</a>";

    then in the same file (at the bottom) find this code:

    return $output;
}

    after that code add this:

    static public function &clean_title_anchor( $string, $unique_id )
{
    $str = preg_replace( '/  */', '-', $string );
    $str = preg_replace('/[^A-Za-z0-9-]/', '', $str );
    $str = $unique_id . '-' . $str;
    return $str;
}

    Let us know if that helps :)

    Best regards,
    Nikko

    • This reply was modified 7 years, 5 months ago by Nikko.
    June 1, 2017 at 2:52 pm #802566
    jonrouse

    Sorry didn’t mean to reply yet. Thanks!

    • This reply was modified 7 years, 5 months ago by jonrouse.
    June 1, 2017 at 3:01 pm #802578
    jonrouse

    Hello Nikko,

    That broke the site and I had to put the original back.

    June 1, 2017 at 3:18 pm #802588
    Nikko

    Hi,

    Can you give us temporary admin access and ftp access? so we can try fix it. Just place the details in Private Content when you reply.

    Best regards,
    Nikko

    June 1, 2017 at 3:32 pm #802599
    jonrouse

    Hi Nikko,

    Sure, thanks for looking. See private content. Can I ask, will I need to update this every time I update the theme?

    June 1, 2017 at 3:35 pm #802601
    jonrouse

    Also, ftp access

    June 2, 2017 at 12:31 pm #802973
    jonrouse

    Hi @nikko
    Any news on this issue – sorry to press, but they’re keen to launch the site.

    June 2, 2017 at 1:37 pm #803007
    jonrouse

    Also, the line I see at 383 is different to the one you said I should change. It doesn’t say {$tab_title_link} it just says {$tab_title}

    $tabs  .= "<a href='#{$tab_title}' data-av-tab-section-title='{$i}' class='av-section-tab-title {$active_tab} {$extraClass} '>{$icon}{$image}<span class='av-outer-tab-title'><span class='av-inner-tab-title'>{$tab_title}</span></span>{$arrow}</a>";
				}
    June 2, 2017 at 1:59 pm #803020
    Nikko

    Hi,

    Sorry I wasn’t able to get back to this thread sooner, I’m checking on it.

    Best regards,
    Nikko

    June 2, 2017 at 2:00 pm #803022
    jonrouse

    Thanks. I’m still trying stuff, but I can’t seem to fix it. I’m no coder, so there’s not much I can try, but hopefully the admin account and ftp will help.

    June 2, 2017 at 2:12 pm #803025
    Nikko

    Hi,

    This is fixed. It is now working on firefox and you can also use the & now.

    Best regards,
    Nikko

    June 2, 2017 at 2:16 pm #803030
    jonrouse

    Hi Nikko,

    Sadly it’s not working still. The first tab section works, but clicking on the titles of the other tab section does nothing except change the URL.

    /#1-CAMPAIGNS /#2-ADVERTISING /#3-NEWSLETTERS and so on.

    I am finding it difficult to reliably replicate, but when I look at the error console it is saying

    [Error] Error: Syntax error, unrecognized expression: #
    error (jquery.js, line 2)
    tokenize (jquery.js, line 2)
    compile (jquery.js, line 2)
    select (jquery.js, line 2)
    fa (jquery.js, line 2)
    find (jquery-migrate.min.js, line 2)
    handlers (jquery.js, line 3)
    dispatch (jquery.js, line 3)
    handle (jquery.js, line 3)

    • This reply was modified 7 years, 5 months ago by jonrouse. Reason: added image
    June 2, 2017 at 2:31 pm #803039
    jonrouse

    Also, another bit of info for you, the white arrow pointing up is always white when loading the page, it changes to grey if the page is working property. This was not the case in the previous version of enfold.

    June 2, 2017 at 2:59 pm #803049
    Nikko

    Hi,

    Can you try to clear your browser cache and if you have a caching plugin, please try to flush the cache.

    Best regards,
    Nikko

    June 2, 2017 at 3:36 pm #803062
    jonrouse

    Hi Nikko,

    I’ve done that, and rebooted our rooter. Also tried it on Safari, Chrome and Firefox. It still won’t work properly.

    This is the problem I was also experiencing.

    The hosting company is planning on moving it from the dev site to the live site today.

    Cheers

    • This reply was modified 7 years, 5 months ago by jonrouse. Reason: Extra Info
    June 2, 2017 at 8:06 pm #803183
    Nikko

    Hi,

    Sorry I didn’t notice the bottom wasn’t working, since I was checking the tab section on top, can you give us temporary admin access? so we can check the backend, I tried multiple tab sections on my local server and it was working fine.

    Best regards,
    Nikko

    June 5, 2017 at 10:18 am #803802
    jonrouse

    Hi Nikko,
    The admin access I provided above should be working.

    Thanks

    June 6, 2017 at 6:28 am #804311
    Nikko

    Hi,

    Thanks and sorry for the late response. I have checked it and found out the issue is caused by Superfly Menu plugin, can you try to disable it and check again.

    Best regards,
    Nikko

    June 7, 2017 at 11:41 am #805034
    jonrouse

    Thanks Nikko,

    I turned it off, even though the site is now live, and it seemed to be working fine.

    I have written to the developer to ask if they can help,

    Thanks for your help and patience.

    Regards
    Jon

    June 8, 2017 at 9:11 am #805469
    Nikko

    Hi,

    Glad we could help. Let us know if you need more assistance regarding this topic :)

    Best regards,
    Nikko

    June 16, 2017 at 6:13 pm #809035
    jonrouse

    Hey,
    Just heard back from the developer. The Superflu plugin has a custom CSS section and there was a rogue # in there.
    Deleting that seems to have fixed the problem.

    Thanks again!

    June 18, 2017 at 9:01 am #809491
    John Torvik

    Hi,

    We`re glad that your problem was solved :)

    Best regards,
    John Torvik

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