Different menu locations on different pages

  • tabupl

    (@tabupl)


    8 years, 9 months ago

    Hi,

    I want to change menu links on the main page, so that they are not like:

    “http://www.bqmanagement.pl/#oferta”

    but rather like:

    “#oferta”

    But ONLY on the main page.
    I have tried putting this into the page code (jQuery) into the text editor in wordpress, but it doesn’t work. Can anybody give me an idea why and how to fix it, or any other idea to do what I want to do.

    The code:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
 $(document).ready(function() {
$("menu-item-334").html("<a href="#oferta">Oferta</a>);
});
</script>
    • This topic was modified 8 years, 9 months ago by tabupl.

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

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

    (@airster)

    8 years, 9 months ago

    Hi Tabupl,

    I’m not quite sure what you mean but I see the domain is different. From the page http://bqmanagement.pl/ the Oferta menu item links to http://www.temattabu.pl/#oferta.

    Same for some of the other links, although the Blog and O NAS links use the http://bqmanagement.pl/ domain.

    If you sort that out first, it might simplify your other problem.

    ThemesGrove

    (@themesgrove)

    8 years, 9 months ago

    hello,
    Write JQuery like below

    jQuery(document).ready(function( $ ) {
	
	// $ Works! You can test it with next line if you like
	// console.log($);
	
});

    But @tabupl I think your way is not the proper way to change the menu link.
    Just go to your menu tab from your WordPress Admin and Select the menu and change the menu link from your selected menu item.
    Thanks.

    • This reply was modified 8 years, 9 months ago by ThemesGrove. Reason: mention the correct person
    Moderator bcworkz

    (@bcworkz)

    8 years, 9 months ago

    Thanks for the help ThemesGrove but I’m pretty sure changing the link in the admin menu screen will not meet the OP’s need without further coding. They have skip links to portions of the front page and using a complete URL causes the page to reload when we’re already on the front page. Yet the full URL is needed from other pages to get to the front page, the skip link alone will not suffice.

    There’s a few ways to handle this. JS or jQuery can work, but I prefer server side solutions when possible. Tabupl could add another menu area to a child theme that is only used on the front page, then setup that menu like ThemesGrove suggests. The header template can then conditionally load the appropriate menu based on is_front_page().

    What I would do though is hook the “wp_nav_menu_items” filter and when is_front_page() returns true, step through the items and use str_replace() or preg_replace() to strip out the domain portion of the URLs as needed, leaving only the skip link.

    ThemesGrove

    (@themesgrove)

    8 years, 9 months ago

    Hello @tabupl,
    You can follow what @bcworkz suggest.
    I appreciate your help.
    Thanks.

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

The topic ‘Different menu locations on different pages’ is closed to new replies.