how to create megamenu

-- url of the page with the problem -- : mywebsite.com/mypage
-- HikaShop version -- : x.x.x
-- Joomla version -- : x.x
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : XXXXX x.x.x
-- Error-message(debug-mod must be tuned on) -- : Error_message

Hi. everyone.. sorry to bother you again. i want to know how to intigrate megamenu of hikashop category listing. i say megamenu css in MyShop template with a responsive css. when i apply a menu it only shows simple one how to make it show megamenu ?

Hi,
Note that few accordion menus already exist for Hikashop like Skyline Nested Accordion or CKmenu. You'll find more information through that thread .

well thanks for the information. But i am asking how to integrate this with T3 Template

.t3-megamenu .mega-inner {
padding: 10px;
*zoom: 1;
}
.t3-megamenu .mega-inner:before,
.t3-megamenu .mega-inner:after {
display: table;
content: "";
line-height: 0;
}
.t3-megamenu .mega-inner:after {
clear: both;
}
.t3-megamenu .row-fluid + .row-fluid {
padding-top: 10px;
border-top: 1px solid #eee;
}
.t3-megamenu .mega > .mega-dropdown-menu {
min-width: 200px;
display: none;
}
.t3-megamenu .mega.open > .mega-dropdown-menu,
.t3-megamenu .mega.dropdown-submenu:hover > .mega-dropdown-menu {
display: block;
}
.t3-megamenu .mega-group {
*zoom: 1;
}
.t3-megamenu .mega-group:before,
.t3-megamenu .mega-group:after {
display: table;
content: "";
line-height: 0;
}
.t3-megamenu .mega-group:after {
clear: both;
}
.t3-megamenu .mega-nav .mega-group > .mega-group-title,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
background: inherit;
color: inherit;
font-weight: bold;
padding: 0;
margin: 0;
}
.t3-megamenu .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .mega-nav .mega-group > .mega-group-title:active,
.t3-megamenu .mega-nav .mega-group > .mega-group-title:focus,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:active,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:focus,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:active,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:focus {
background: inherit;
color: inherit;
}
.t3-megamenu .mega-group-ct {
margin: 0;
padding: 0;
*zoom: 1;
}
.t3-megamenu .mega-group-ct:before,
.t3-megamenu .mega-group-ct:after {
display: table;
content: "";
line-height: 0;
}
.t3-megamenu .mega-group-ct:after {
clear: both;
}
.t3-megamenu .mega-group-ct > .row-fluid > [class*="span"] > .mega-inner {
padding: 0;
}
.t3-megamenu .span12.mega-col-nav .mega-inner {
padding: 5px;
}
.t3-megamenu .mega-nav,
.t3-megamenu .dropdown-menu .mega-nav {
margin: 0;
padding: 0;
list-style: none;
}
.t3-megamenu .mega-nav > li,
.t3-megamenu .dropdown-menu .mega-nav > li {
list-style: none;
margin-left: 0;
}
.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a {
white-space: normal;
}
.t3-megamenu .mega-group > .mega-nav,
.t3-megamenu .dropdown-menu .mega-group > .mega-nav {
margin-left: -5px;
margin-right: -5px;
}
.t3-megamenu .mega-nav .dropdown-submenu > a::after {
margin-right: 5px;
}
.t3-megamenu .t3-module {
margin-bottom: 10px;
}
.t3-megamenu .t3-module .module-title {
margin-bottom: 0;
}
.t3-megamenu .t3-module .module-ct {
margin: 0;
padding: 0;
}
.t3-megamenu .mega-align-left > .dropdown-menu {
left: 0;
}
.t3-megamenu .mega-align-right > .dropdown-menu {
left: auto;
right: 0;
}
.t3-megamenu .mega-align-center > .dropdown-menu {
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
}
.t3-megamenu .dropdown-submenu.mega-align-left > .dropdown-menu {
left: 100%;
}
.t3-megamenu .dropdown-submenu.mega-align-right > .dropdown-menu {
left: auto;
right: 100%;
}
.t3-megamenu .mega-align-justify {
position: static;
}
.t3-megamenu .mega-align-justify > .dropdown-menu {
left: 0;
margin-left: 0;
}
.t3-megamenu .mega-caption {
display: block;
white-space: nowrap;
}
.t3-megamenu .nav .caret,
.t3-megamenu .dropdown-submenu .caret,
.t3-megamenu .mega-menu .caret {
display: none;
}
.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
display: inline-block;
}
.t3-megamenu .nav [class^="icon-"],
.t3-megamenu .nav [class*=" icon-"] {
margin-right: 5px;
}
.t3-megamenu .mega-inner {
padding: 20px;
}
.t3-megamenu .row-fluid + .row-fluid {
border-top: 1px solid #ddd;
}
.t3-megamenu .mega-nav .mega-group > .mega-group-title,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
background: inherit;
color: #222;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.t3-megamenu .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .mega-nav .mega-group > .mega-group-title:active,
.t3-megamenu .mega-nav .mega-group > .mega-group-title:focus,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:active,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:focus,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:active,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:focus {
background: inherit;
color: #222;
}
.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a {
padding: 5px 10px;
}
.t3-megamenu .mega-nav .dropdown-submenu > a::after {
margin-right: 0;
}
.t3-megamenu .t3-module .module-title {
font-size: 16px;
color: #222;
display: block;
line-height: 20px;
margin-bottom: 5px;
}
.t3-megamenu .t3-module ul,
.t3-megamenu .t3-module .nav {
margin: 0 0 0 15px;
}
.t3-megamenu .t3-module ul li,
.t3-megamenu .t3-module .nav li {
list-style: disc;
display: list-item;
float: none;
margin: 0;
padding: 0;
border: 0;
}
.t3-megamenu .t3-module ul li a,
.t3-megamenu .t3-module .nav li a {
display: inline;
padding: 0;
margin: 0;
border: 0;
font-size: 100%;
background: none;
font: inherit;
white-space: normal;
}
.t3-megamenu .t3-module ul li a:hover,
.t3-megamenu .t3-module ul li a:focus,
.t3-megamenu .t3-module ul li a:active,
.t3-megamenu .t3-module .nav li a:hover,
.t3-megamenu .t3-module .nav li a:focus,
.t3-megamenu .t3-module .nav li a:active {
background: none;
color: inherit;
font: inherit;
}
.t3-megamenu .mega-caption {
color: #999;
font-size: 12px;
margin-top: 3px;
font-weight: normal;
}

Hi,

I don't really understand what you need.
Do you want to use megamenu to have a category listing menu, or use the hikashop category listing module with the megamenu css ?

We never used megamenu, so actually we don't really know how it's working.
What I suggest is to create a new menu in Joomla, then add as many Hikashop category listing menu as you have categories, keep the same tree, and use megamenu to display that menu. By this way you will have the hikashop categories in megamenu with the megamenu css.

well i am interested in using hikashop category listing module with thos t3`s megamenu css

Hi,

Thanks to read that tutorial to know how to edit the css properties:
www.hikashop.com/support/support/documen...ize-the-display.html

We can't give more help about that, as it's a css matter.

Hi
T3 come with default template website with megamenu ; if you study the demo you ll succeed created megamenu . T3 is a new layer over joomla , the way it work may be take time to understand before go to megamenu studies . T3 has many version v1 v2 v3 the T3 website have a page to v3 but don't work .
before go to megamenu T3 you have to learn/understand joomla ( php css ) then the framework and then the specific extension base on that framework. Framework is for flexibility speed but new version can be incompatible with old version like joomla , windows OS ...... .

it is strange the new HKS website use megamenu ? !!
Regard's