Post by gofie » Mon Nov 27, 2017 5:46 pm

Beste,
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>

Attachments

opencart.png

opencart.png (116.71 KiB) Viewed 709 times


New member

Posts

Joined
Thu Sep 12, 2013 3:37 am
Who is online

Users browsing this forum: No registered users and 6 guests