ik heb een andere menu gemaakt maar nu moet ik de code van opencart van de catogorie. Maar op een of ander manier krijg ik hem er niet in.
Jullie enige iedee.
Dit is de originele menu van opencart.
Code: Select all
<?php if ($categories) { ?>
<div class="container">
<nav id="menu" class="navbar">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<?php foreach ($categories as $category) { ?>
<?php if ($category['children']) { ?>
<li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>
<div class="dropdown-menu">
<div class="dropdown-inner">
<?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
<ul class="list-unstyled">
<?php foreach ($children as $child) { ?>
<li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
<?php } ?>
</ul>
<?php } ?>
</div>
<a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div>
</li>
<?php } else { ?>
<li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
<?php } ?>
<?php } ?>
</ul>
</div>
</nav>
</div>
<?php } ?>
Dit is de nieuwe menu code:
Code: Select all
<div class="cd-dropdown-wrapper">
<a class="cd-dropdown-trigger" href="#0">Dropdown</a>
<nav class="cd-dropdown">
<h2>Title</h2>
<a href="#0" class="cd-close">Close</a>
<ul class="cd-dropdown-content">
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Desktops</a>
<ul class="cd-secondary-dropdown is-hidden">
<li class="go-back"><a href="#0">Menu</a></li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Desktops</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="index.php?route=product/category&path=20">All Desktops</a></li>
<li class="has-children">
<li><a href="index.php?route=product/category&path=20_26">Pc</a></li>
<li><a href="index.php?route=product/category&path=20_27">Mac</a></li>
</ul>
</li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Bottoms</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Bottoms</a></li>
<li><a href="http://codyhouse.co/?p=748">Casual Trousers</a></li>
<li class="has-children">
<a href="#0">Jeans</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Bottoms</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Jeans</a></li>
<li><a href="http://codyhouse.co/?p=748">Ripped</a></li>
<li><a href="http://codyhouse.co/?p=748">Skinny</a></li>
<li><a href="http://codyhouse.co/?p=748">Slim</a></li>
<li><a href="http://codyhouse.co/?p=748">Straight</a></li>
</ul>
</li>
<li><a href="#0">Leggings</a></li>
<li><a href="#0">Shorts</a></li>
</ul>
</li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Jackets</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Jackets</a></li>
<li><a href="http://codyhouse.co/?p=748">Blazers</a></li>
<li><a href="http://codyhouse.co/?p=748">Bomber jackets</a></li>
<li><a href="http://codyhouse.co/?p=748">Denim Jackets</a></li>
<li><a href="http://codyhouse.co/?p=748">Duffle Coats</a></li>
<li><a href="http://codyhouse.co/?p=748">Leather Jackets</a></li>
<li><a href="http://codyhouse.co/?p=748">Parkas</a></li>
</ul>
</li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Tops</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Tops</a></li>
<li><a href="http://codyhouse.co/?p=748">Cardigans</a></li>
<li><a href="http://codyhouse.co/?p=748">Coats</a></li>
<li><a href="http://codyhouse.co/?p=748">Polo Shirts</a></li>
<li><a href="http://codyhouse.co/?p=748">Shirts</a></li>
<li class="has-children">
<a href="#0">T-Shirts</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Tops</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All T-shirts</a></li>
<li><a href="http://codyhouse.co/?p=748">Plain</a></li>
<li><a href="http://codyhouse.co/?p=748">Print</a></li>
<li><a href="http://codyhouse.co/?p=748">Striped</a></li>
<li><a href="http://codyhouse.co/?p=748">Long sleeved</a></li>
</ul>
</li>
<li><a href="http://codyhouse.co/?p=748">Vests</a></li>
</ul>
</li>
</ul> <!-- .cd-secondary-dropdown -->
</li> <!-- .has-children -->
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Laptops & Notebooks</a>
<ul class="cd-secondary-dropdown is-hidden">
<li class="go-back"><a href="#0">Menu</a></li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Laptops & Notebooks</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Laptops & Notebooks</a></li>
<li class="has-children">
<li><a href="http://codyhouse.co/?p=748">Macs</a></li>
<li><a href="http://codyhouse.co/?p=748">Windows</a></li>
</li>
</ul>
</li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Bottoms</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Bottoms</a></li>
<li><a href="http://codyhouse.co/?p=748">Casual Trousers</a></li>
<li class="has-children">
<a href="#0">Jeans</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Bottoms</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Jeans</a></li>
<li><a href="http://codyhouse.co/?p=748">Ripped</a></li>
<li><a href="http://codyhouse.co/?p=748">Skinny</a></li>
<li><a href="http://codyhouse.co/?p=748">Slim</a></li>
<li><a href="http://codyhouse.co/?p=748">Straight</a></li>
</ul>
</li>
<li><a href="#0">Leggings</a></li>
<li><a href="#0">Shorts</a></li>
</ul>
</li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Jackets</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Jackets</a></li>
<li><a href="http://codyhouse.co/?p=748">Blazers</a></li>
<li><a href="http://codyhouse.co/?p=748">Bomber jackets</a></li>
<li><a href="http://codyhouse.co/?p=748">Denim Jackets</a></li>
<li><a href="http://codyhouse.co/?p=748">Duffle Coats</a></li>
<li><a href="http://codyhouse.co/?p=748">Leather Jackets</a></li>
<li><a href="http://codyhouse.co/?p=748">Parkas</a></li>
</ul>
</li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Tops</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Tops</a></li>
<li><a href="http://codyhouse.co/?p=748">Cardigans</a></li>
<li><a href="http://codyhouse.co/?p=748">Coats</a></li>
<li><a href="http://codyhouse.co/?p=748">Polo Shirts</a></li>
<li><a href="http://codyhouse.co/?p=748">Shirts</a></li>
<li class="has-children">
<a href="#0">T-Shirts</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Tops</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All T-shirts</a></li>
<li><a href="http://codyhouse.co/?p=748">Plain</a></li>
<li><a href="http://codyhouse.co/?p=748">Print</a></li>
<li><a href="http://codyhouse.co/?p=748">Striped</a></li>
<li><a href="http://codyhouse.co/?p=748">Long sleeved</a></li>
</ul>
</li>
<li><a href="http://codyhouse.co/?p=748">Vests</a></li>
</ul>
</li>
</ul> <!-- .cd-secondary-dropdown -->
</li> <!-- .has-children -->
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Components</a>
<ul class="cd-secondary-dropdown is-hidden">
<li class="go-back"><a href="#0">Menu</a></li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Components</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Components</a></li>
<li class="has-children">
<li><a href="http://codyhouse.co/?p=748">testtt</a></li>
<li><a href="http://codyhouse.co/?p=748">Mice and Trackballs</a></li>
<li><a href="http://codyhouse.co/?p=748">Monitors</a></li>
<li><a href="http://codyhouse.co/?p=748">Printers</a></li>
<li><a href="http://codyhouse.co/?p=748">Scanners</a></li>
<li><a href="http://codyhouse.co/?p=748">Web Cameras </a></li>
</li>
</ul>
</li>
</ul>
</li>
<li> <a href="index.php?route=product/category&path=57">Tablets</a></li>
<li> <a href="index.php?route=product/category&path=17">Software</a></li>
<li><a href="index.php?route=product/category&path=24">Phones & PDAs</a></li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Cameras</a>
<ul class="cd-secondary-dropdown is-hidden">
<li class="go-back"><a href="#0">Menu</a></li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">Cameras</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All Cameras</a></li>
<li class="has-children">
<li><a href="http://codyhouse.co/?p=748">test</a></li>
</li>
</ul>
</li>
</ul>
</li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">MP3 Players</a>
<ul class="cd-secondary-dropdown is-hidden">
<li class="go-back"><a href="#0">Menu</a></li>
<li class="has-children">
<a href="http://codyhouse.co/?p=748">MP3 Players</a>
<ul class="is-hidden">
<li class="go-back"><a href="#0">Clothing</a></li>
<li class="see-all"><a href="http://codyhouse.co/?p=748">All MP3 Players</a></li>
<li class="has-children">
<li><a href="http://codyhouse.co/?p=748">test 11</a></li>
<li><a href="http://codyhouse.co/?p=748">test 12</a></li>
<li><a href="http://codyhouse.co/?p=748">test 15</a></li>
<li><a href="http://codyhouse.co/?p=748">test 16</a></li>
<li><a href="http://codyhouse.co/?p=748">test 17</a></li>
<li><a href="http://codyhouse.co/?p=748">test 18</a></li>
<li><a href="http://codyhouse.co/?p=748">test 19</a></li>
<li><a href="http://codyhouse.co/?p=748">test 20</a></li>
<li><a href="http://codyhouse.co/?p=748">test 21</a></li>
<li><a href="http://codyhouse.co/?p=748">test 22</a></li>
<li><a href="http://codyhouse.co/?p=748">test 23</a></li>
<li><a href="http://codyhouse.co/?p=748">test 24</a></li>
<li><a href="http://codyhouse.co/?p=748">test 4</a></li>
<li><a href="http://codyhouse.co/?p=748">test 5</a></li>
<li><a href="http://codyhouse.co/?p=748">test 6</a></li>
<li><a href="http://codyhouse.co/?p=748">test 7</a></li>
<li><a href="http://codyhouse.co/?p=748">test 8</a></li>
<li><a href="http://codyhouse.co/?p=748">test 9</a></li>
</li>
</ul>
</li>
</ul>
</li>
</ul> <!-- .cd-dropdown-content -->
</nav> <!-- .cd-dropdown -->
</div> <!-- .cd-dropdown-wrapper -->
</header>