I need to change my Opencart Admin Dashboard Menu from Vertical view to Horizontal View
Screenshot:
The below link image shows how my Opencart Admin Dashboard looks and how it should get changed
Screenshot:
The below link image shows how the exact Admin Menu should look (Reference from opencart 1.5.6)
I have also attached the tpl and controller file of common-left and header file of opencart 2.3.0.2
TPL File Code:
header.tpl:
Code: Select all
<!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>--> <a href="<?php echo $home; ?>" class="navbar-brand" style="font-size:20px !important; letter-spacing: 5px;"><?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>
column_left.tpl:
Code: Select all
<nav id="column-left">
<div id="profile">
<div>
<?php if ($image) { ?>
<img src="<?php echo $image; ?>" alt="<?php echo $firstname; ?> <?php echo $lastname; ?>" title="<?php echo $username; ?>" class="img-circle" />
<?php } else { ?>
<i class="fa fa-opencart"></i>
<?php } ?>
</div>
<div>
<h4><?php echo $firstname; ?> <?php echo $lastname; ?></h4>
<small><?php echo $user_group; ?></small></div>
</div>
<ul id="menu">
<?php foreach ($menus as $menu) { ?>
<li id="<?php echo $menu['id']; ?>">
<?php if ($menu['href']) { ?>
<a href="<?php echo $menu['href']; ?>"><i class="fa <?php echo $menu['icon']; ?> fw"></i> <span><?php echo $menu['name']; ?></span></a>
<?php } else { ?>
<a class="parent"><i class="fa <?php echo $menu['icon']; ?> fw"></i> <span><?php echo $menu['name']; ?></span></a>
<?php } ?>
<?php if ($menu['children']) { ?>
<ul>
<?php foreach ($menu['children'] as $children_1) { ?>
<li>
<?php if ($children_1['href']) { ?>
<a href="<?php echo $children_1['href']; ?>"><?php echo $children_1['name']; ?></a>
<?php } else { ?>
<a class="parent"><?php echo $children_1['name']; ?></a>
<?php } ?>
<?php if ($children_1['children']) { ?>
<ul>
<?php foreach ($children_1['children'] as $children_2) { ?>
<li>
<?php if ($children_2['href']) { ?>
<a href="<?php echo $children_2['href']; ?>"><?php echo $children_2['name']; ?></a>
<?php } else { ?>
<a class="parent"><?php echo $children_2['name']; ?></a>
<?php } ?>
<?php if ($children_2['children']) { ?>
<ul>
<?php foreach ($children_2['children'] as $children_3) { ?>
<li><a href="<?php echo $children_3['href']; ?>"><?php echo $children_3['name']; ?></a></li>
<?php } ?>
</ul>
<?php } ?>
</li>
<?php } ?>
</ul>
<?php } ?>
</li>
<?php } ?>
</ul>
<?php } ?>
</li>
<?php } ?>
</ul>
<div id="stats">
<ul>
<li>
<div><?php echo $text_complete_status; ?> <span class="pull-right"><?php echo $complete_status; ?>%</span></div>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="<?php echo $complete_status; ?>" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $complete_status; ?>%"> <span class="sr-only"><?php echo $complete_status; ?>%</span></div>
</div>
</li>
<li>
<div><?php echo $text_processing_status; ?> <span class="pull-right"><?php echo $processing_status; ?>%</span></div>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="<?php echo $processing_status; ?>" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $processing_status; ?>%"> <span class="sr-only"><?php echo $processing_status; ?>%</span></div>
</div>
</li>
<li>
<div><?php echo $text_other_status; ?> <span class="pull-right"><?php echo $other_status; ?>%</span></div>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="<?php echo $other_status; ?>" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $other_status; ?>%"> <span class="sr-only"><?php echo $other_status; ?>%</span></div>
</div>
</li>
</ul>
</div>
</nav>
Thanks in Advance..