Page 1 of 1

Change the navigation bar links

Posted: Wed May 16, 2012 2:11 am
by needhelpplease
Hi,

I need someone to help me or at least give me a brief explanation on how to change the links on the nav bar.

I need to change the links to

home | Home theater installation | Security camera installation | etc.

Also I would like to add a jquery slideshow and change it with the current one.

Any advice would be much appreciated

Thank you.
Eric

Re: Change the navigation bar links

Posted: Wed May 16, 2012 3:17 am
by bigchili
Open catalog/view/theme/default/template/common/header.tpl

Find

Code: Select all

<div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>
Replace with whatever you want your links to be. Easiest way would be to just hard code the links, like so:

Code: Select all

<div class="links"><a href="http://www.yoursite.com/home-theater-installation">Home Theater Installation</a></div>
If you PM me with the links you want, I can make a vQmod for it so you don't have to edit your core header.tpl file.

Regarding the nivo slider on the home page, it already uses jquery. Did you want to replace it with something other than Nivo slider?

Re: Change the navigation bar links

Posted: Wed May 16, 2012 3:38 am
by needhelpplease
Thanks a lot!!! O0

Actually I am more interested in CoinSlider
How would I start to change it ( replace coinslider with the default opencart slider?

Thank you

Re: Change the navigation bar links

Posted: Wed May 16, 2012 4:31 am
by needhelpplease
I still can't change the links.

Desktops Laptops & Notebooks Components Tablets Software Phones & PDAs Cameras MP3 Players

I edited the links how you told me to

<div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>

and i replaced it like this

<div class="links">

<a href="index.html">Home</a>
<a href="hometheater.html">Home theater installation</a>




</div>

and so on

but nothing changed I still see the same links on the navigation bar without any changes.

any suggestions ????

Thank you

Re: Change the navigation bar links

Posted: Wed May 16, 2012 4:36 am
by bigchili
I still can't change the links.

Desktops Laptops & Notebooks Components Tablets Software Phones & PDAs Cameras MP3 Players
Oh, you want to change the links in the Mega Menu (drop down) and not the nav links at the top. That's easy, you just add the categories and products in the back end and enable them to be shown in the Mega Menu.

You'll want to change the other links back to the original.

Re: Change the navigation bar links

Posted: Wed May 16, 2012 4:42 am
by dbassa
hi need,

Try this extension, I think it is what you need.

http://www.opencart.com/index.php?route ... on_id=5974

Best Regards,

Re: Change the navigation bar links

Posted: Wed May 16, 2012 4:47 am
by needhelpplease
im talking about the main navigation bar the dropdown menu

Re: Change the navigation bar links

Posted: Wed May 16, 2012 4:49 am
by needhelpplease
ok i got it thank you i see it now, didn't know it was so easy

lol thank you

Re: Change the navigation bar links

Posted: Tue May 22, 2012 3:55 pm
by JackDavis
Hi,

I wrote a blog post on how to change the links in the navigation bar for free, you can check it out here:

http://www.jackwdavis.com/2012/02/18/cu ... ation-bar/

Cheers,

Jack

Re: Change the navigation bar links

Posted: Thu Oct 06, 2016 1:55 pm
by akhildas
<!DOCTYPE html>
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<head>
<meta charset="UTF-8" />
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<script type="text/javascript" src="view/javascript/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="view/javascript/bootstrap/js/bootstrap.min.js"></script>
<link href="view/stylesheet/bootstrap.css" type="text/css" rel="stylesheet" />
<link href="view/javascript/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet" />
<script src="view/javascript/jquery/datetimepicker/moment.js" type="text/javascript"></script>
<script src="view/javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<link href="view/javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" media="screen" />
<link type="text/css" href="view/stylesheet/stylesheet.css" rel="stylesheet" media="screen" />
<?php foreach ($styles as $style) { ?>
<link type="text/css" href="<?php echo $style['href']; ?>" rel="<?php echo $style['rel']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<script src="view/javascript/common.js" type="text/javascript"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
</head>
<body>
<div id="container">
<header id="header" class="navbar navbar-static-top">
<div class="navbar-header">
<?php if ($logged) { ?>
<a type="button" id="button-menu" class="pull-left"><i class="fa fa-indent fa-lg"></i></a>
<?php } ?>
<a href="<?php echo $home; ?>" class="navbar-brand"><img src="view/image/logo.png" alt="<?php echo $heading_title; ?>" title="<?php echo $heading_title; ?>" /></a></div>
<?php if ($logged) { ?>
<ul class="nav pull-right">
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown"><?php if($alerts > 0) { ?><span class="label label-danger pull-left"><?php echo $alerts; ?></span><?php } ?> <i class="fa fa-bell fa-lg"></i></a>
<ul class="dropdown-menu dropdown-menu-right alerts-dropdown">
<li class="dropdown-header"><?php echo $text_order; ?></li>
<li><a href="<?php echo $processing_status; ?>" style="display: block; overflow: auto;"><span class="label label-warning pull-right"><?php echo $processing_status_total; ?></span><?php echo $text_processing_status; ?></a></li>
<li><a href="<?php echo $complete_status; ?>"><span class="label label-success pull-right"><?php echo $complete_status_total; ?></span><?php echo $text_complete_status; ?></a></li>
<li><a href="<?php echo $return; ?>"><span class="label label-danger pull-right"><?php echo $return_total; ?></span><?php echo $text_return; ?></a></li>
<li class="divider"></li>
<li class="dropdown-header"><?php echo $text_customer; ?></li>
<li><a href="<?php echo $online; ?>"><span class="label label-success pull-right"><?php echo $online_total; ?></span><?php echo $text_online; ?></a></li>
<li><a href="<?php echo $customer_approval; ?>"><span class="label label-danger pull-right"><?php echo $customer_total; ?></span><?php echo $text_approval; ?></a></li>
<li class="divider"></li>
<li class="dropdown-header"><?php echo $text_product; ?></li>
<li><a href="<?php echo $product; ?>"><span class="label label-danger pull-right"><?php echo $product_total; ?></span><?php echo $text_stock; ?></a></li>
<li><a href="<?php echo $review; ?>"><span class="label label-danger pull-right"><?php echo $review_total; ?></span><?php echo $text_review; ?></a></li>
<li class="divider"></li>
<li class="dropdown-header"><?php echo $text_affiliate; ?></li>
<li><a href="<?php echo $affiliate_approval; ?>"><span class="label label-danger pull-right"><?php echo $affiliate_total; ?></span><?php echo $text_approval; ?></a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-home fa-lg"></i></a>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-header"><?php echo $text_store; ?></li>
<?php foreach ($stores as $store) { ?>
<li><a href="<?php echo $store['href']; ?>" target="_blank"><?php echo $store['name']; ?></a></li>
<?php } ?>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-life-ring fa-lg"></i></a>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-header"><?php echo $text_help; ?></li>
<li><a href="http://www.opencart.com" target="_blank"><?php echo $text_homepage; ?></a></li>
<li><a href="http://docs.opencart.com" target="_blank"><?php echo $text_documentation; ?></a></li>
<li><a href="http://forum.opencart.com" target="_blank"><?php echo $text_support; ?></a></li>
</ul>
</li>
<li><a href="<?php echo $logout; ?>"><span class="hidden-xs hidden-sm hidden-md"><?php echo $text_logout; ?></span> <i class="fa fa-sign-out fa-lg"></i></a></li>
</ul>
<?php } ?>
</header>
i cant find "<div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>"