Adding a links to opencart

Post Reply

2 posts Page 1 of 1

Ian Lloyd-Jones

New member

Posts

Joined

Sun Feb 02, 2014 5:35 pm

Post by Ian Lloyd-Jones » Sun Apr 19, 2015 5:37 pm

Hi

Is it possible to add a custom link to the very top navigation bar.

This is the link to my site http://www.pinflair.co.uk/opencart/

I would like to add a link the Account Login, Currency menu

Regards Ian

Ian Lloyd-Jones

New member

Posts

Joined

Sun Feb 02, 2014 5:35 pm

Re: Adding a links to opencart

IP_CAM

Legendary Member

Posts

13060

Joined

Tue Mar 04, 2014 1:37 am

Location

Switzerland

Post by IP_CAM » Mon Apr 20, 2015 5:49 am

Easy to do, some free Mod's exist, and if noone matches, they direct you, at least, to the right places!

http://www.opencart.com/index.php?route ... top%20menu

Just be aware, it could BREAK your Menu, and the following Content-Placements, if you PASS the MAX Limit of the Stylesheet.CSS - set/given Sizes, per Category-Link!!

Good Luck
Ernie

I placed 12 Sections here, finally re-aligned, trying to look good:
http://www.bigmax.ch/shop/

My (default) OC v.1.5.6.4+ bigmax.ch (OpenShop adefault2 Theme) MENU Section Settings:

Code: Select all

/* menu */
#menu {
	height: 30px;
	margin-bottom: 10px;
	padding: 0px 26px;
	margin-left: 1px;
    background-color: #495d86;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;
	padding: 0px 5px 0px 0px;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
	font-size: 15px;
	color: #FFF;
	line-height: 9px;
	text-decoration: none;
	display: block;
	padding: 11px 12px 11px 12px;
	z-index: 6;
	position: relative;
}
#menu > ul > li:hover > a {
	background: #ddd;
	color: #333;
}
#menu > ul > li > div {
	display: none;
	background: #ddd;
	position: absolute;
	z-index: 5;
	padding: 6px;
	min-width: 190px;
	-webkit-box-shadow: 0px 2px 2px #666;
	-moz-box-shadow: 0px 2px 2px #666;
	box-shadow: 0px 2px 2px #666;
}
#menu > ul > li:hover > div {
	display: table;
}
#menu > ul > li > div > ul {
	display: table-cell;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 4px;
	color: #333;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
	background: #fff;
}
#menu > ul > li > div > ul > li > a {
	color: #333;
}

I hope, it helps!