Сделать автоматические категории/подкатегории в categorymenu.tpl
AlexPsp 26.04.2018 Стол заказов 1804 3 комментария
<div class="col-md-12 col-sm-12 col-xs-12 no-padding-lr">
<div id="navbar-menu" class="collapse navbar-collapse no-padding">
<ul class="nav navbar-nav navbar-left-sidebar font-weight-600">
<li class="dropdown">
<a href="/" title="Home" data-toggle="dropdown">Home<i class="fa fa-angle-right pull-right"></i></a>
<ul class="dropdown-menu second-level">
<li class="dropdown">
<a href="javascript:void(0);" title="Home" data-toggle="dropdown">Classic <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="home-classic-corporate.html">Classic corporate</a></li>
<li><a href="home-classic-digital-agency.html">Classic digital agency</a></li>
<li><a href="home-classic-innovation-agency.html">Classic innovation agency</a></li>
<li><a href="home-classic-web-agency.html">Classic web agency</a></li>
<li><a href="home-classic-one-page.html">Classic one page</a></li>
<li><a href="home-classic-start-up.html">Classic start-up</a></li>
<li><a href="home-classic-interactive-agency.html">Classic interactive agency</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Home" data-toggle="dropdown">Creative <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="home-creative-studio.html">Creative studio</a></li>
<li><a href="home-creative-business.html">Creative business</a></li>
<li><a href="home-creative-simple-portfolio.html">Creative simple portfolio</a></li>
<li><a href="home-creative-branding-agency.html">Creative branding agency</a></li>
<li><a href="home-creative-small-business.html">Creative small business</a></li>
<li><a href="home-creative-designer.html">Creative designer</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Home" data-toggle="dropdown">Portfolio <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="home-portfolio-minimal.html">Portfolio minimal</a></li>
<li><a href="home-portfolio-multiple-carousel.html">Portfolio multiple carousel</a></li>
<li><a href="home-portfolio-centered-slides.html">Portfolio centered slides</a></li>
<li><a href="home-portfolio-personal.html">Portfolio personal</a></li>
<li><a href="home-portfolio-metro.html">Portfolio metro</a></li>
<li><a href="home-portfolio-full-screen-vertical.html">Portfolio full screen – vertical</a></li>
<li><a href="home-portfolio-photographer.html">Portfolio photographer</a></li>
<li><a href="home-portfolio-parallax.html">Portfolio parallax</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Home" data-toggle="dropdown">Blog <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="home-blog-grid.html">Blog grid</a></li>
<li><a href="home-blog-masonry.html">Blog masonry</a></li>
<li><a href="home-blog-clean.html">Blog clean</a></li>
<li><a href="home-blog-personal.html">Blog personal</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a data-toggle="dropdown" href="javascript:void(0);" title="Pages">Pages <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu second-level">
<li class="dropdown">
<a href="javascript:void(0);" title="About" data-toggle="dropdown">About <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="about-us-simple.html">About us simple</a></li>
<li><a href="about-us-classic.html">About us classic</a></li>
<li><a href="about-us-modern.html">About us modern</a></li>
<li><a href="about-me.html">About me</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Services" data-toggle="dropdown">Services <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="services-simple.html">Services simple</a></li>
<li><a href="services-classic.html">Services classic</a></li>
<li><a href="services-modern.html">Services modern</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Contact" data-toggle="dropdown">Contact <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="contact-us-simple.html">Contact simple</a></li>
<li><a href="contact-us-classic.html">Contact classic</a></li>
<li><a href="contact-us-classic-02.html">Contact classic – style 02</a></li>
<li><a href="contact-us-modern.html">Contact modern</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Team" data-toggle="dropdown">Team <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="team-simple.html">Team simple</a></li>
<li><a href="team-classic.html">Team classic</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Additional" data-toggle="dropdown">Additional <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="our-clients.html">Our clients</a></li>
<li><a href="404.html">Error 404</a></li>
<li><a href="coming-soon.html">Coming soon</a></li>
<li><a href="coming-soon-02.html">Coming soon – style 02</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="search-result.html">Search result</a></li>
<li><a href="pricing.html">Pricing</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a data-toggle="dropdown" href="javascript:void(0);" title="Portfolio">Portfolio <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu second-level">
<li class="dropdown">
<a href="javascript:void(0);" title="Grid - Full width Layouts" data-toggle="dropdown">Grid - Full Width Layouts <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="portfolio-full-width-grid-overlay.html">Portfolio grid overlay</a></li>
<li><a href="portfolio-full-width-grid-with-icon.html">Portfolio grid with icon</a></li>
<li><a href="portfolio-full-width-grid-transform.html">Portfolio grid transform</a></li>
<li><a href="portfolio-full-width-grid-zooming.html">Portfolio grid zooming</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Masonry - Full width Layouts" data-toggle="dropdown">Masonry - Full Width Layouts <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="portfolio-full-width-masonry-overlay.html">Portfolio masonry overlay</a></li>
<li><a href="portfolio-full-width-masonry-with-icon.html">Portfolio masonry with icon</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Metro - Full width Layouts" data-toggle="dropdown">Metro - Full Width Layouts <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="portfolio-full-width-metro-overlay.html">Portfolio metro overlay</a></li>
<li><a href="portfolio-full-width-metro-with-icon.html">Portfolio metro with icon</a></li>
<li><a href="portfolio-full-width-metro-transform.html">Portfolio metro transform</a></li>
<li><a href="portfolio-full-width-metro-zooming.html">Portfolio metro zooming</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Other - Full width Layouts" data-toggle="dropdown">Other - Full Width Layouts <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="portfolio-full-width-image-gallery.html">Portfolio image gallery</a></li>
<li><a href="portfolio-full-width-justified-gallery.html">Portfolio justified</a></li>
<li><a href="portfolio-full-width-carousel.html">Portfolio carousel</a></li>
<li><a href="portfolio-full-width-parallax.html">Portfolio parallax</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Grid - Boxed Layouts" data-toggle="dropdown">Grid - Boxed Layouts <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="portfolio-boxed-grid-overlay.html">Portfolio grid overlay</a></li>
<li><a href="portfolio-boxed-grid-with-icon.html">Portfolio grid with icon</a></li>
<li><a href="portfolio-boxed-grid-transform.html">Portfolio grid transform</a></li>
<li><a href="portfolio-boxed-grid-zooming.html">Portfolio grid zooming</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Masonry - Boxed Layouts" data-toggle="dropdown">Masonry - Boxed Layouts <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="portfolio-boxed-masonry-overlay.html">Portfolio masonry overlay</a></li>
<li><a href="portfolio-boxed-masonry-with-icon.html">Portfolio masonry with icon</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Metro - Boxed Layouts" data-toggle="dropdown">Metro - Boxed Layouts <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="portfolio-boxed-metro-overlay.html">Portfolio metro overlay</a></li>
<li><a href="portfolio-boxed-metro-with-icon.html">Portfolio metro with icon</a></li>
<li><a href="portfolio-boxed-metro-transform.html">Portfolio metro transform</a></li>
<li><a href="portfolio-boxed-metro-zooming.html">Portfolio metro zooming</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Other - Boxed Layouts" data-toggle="dropdown">Other - Boxed Layouts <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="portfolio-boxed-image-gallery.html">Portfolio image gallery</a></li>
<li><a href="portfolio-boxed-justified-gallery.html">Portfolio justified</a></li>
<li><a href="portfolio-boxed-carousel.html">Portfolio carousel</a></li>
<li><a href="portfolio-boxed-parallax.html">Portfolio parallax</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Single Project Page" data-toggle="dropdown">Single Project Page <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="single-project-page-01.html">Single project page 01</a></li>
<li><a href="single-project-page-02.html">Single project page 02</a></li>
<li><a href="single-project-page-03.html">Single project page 03</a></li>
<li><a href="single-project-page-04.html">Single project page 04</a></li>
<li><a href="single-project-page-05.html">Single project page 05</a></li>
<li><a href="single-project-page-06.html">Single project page 06</a></li>
<li><a href="single-project-page-07.html">Single project page 07</a></li>
<li><a href="single-project-page-08.html">Single project page 08</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Portfolio Columns" data-toggle="dropdown">Portfolio Columns <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="portfolio-two-columns.html">Portfolio 2 columns</a></li>
<li><a href="portfolio-three-columns.html">Portfolio 3 columns</a></li>
<li><a href="portfolio-four-columns.html">Portfolio 4 columns</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a data-toggle="dropdown" href="javascript:void(0);" title="Blog">Blog <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu second-level">
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Blog Standard <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-standard-full-width.html">Blog standard – full width</a></li>
<li><a href="blog-standard-with-left-sidebar.html">Blog standard with left sidebar</a></li>
<li><a href="blog-standard-with-right-sidebar.html">Blog standard with right sidebar</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Blog Classic <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-classic.html">Blog classic</a></li>
<li><a href="blog-classic-full-width.html">Blog classic – full width</a></li>
</ul></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Blog List <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-list.html">Blog list</a></li>
<li><a href="blog-list-full-width.html">Blog list – full width</a></li>
</ul></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Blog Grid <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-grid.html">Blog grid</a></li>
<li><a href="blog-grid-full-width.html">Blog grid – full width</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Blog Masonry <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-masonry.html">Blog masonry</a></li>
<li><a href="blog-masonry-full-width.html">Blog masonry – full width</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Blog Simple <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-simple.html">Blog simple</a></li>
<li><a href="blog-simple-full-width.html">Blog simple – full width</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Blog Clean <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-clean.html">Blog clean</a></li>
<li><a href="blog-clean-full-width.html">Blog clean – full width</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Blog Images <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-images.html">Blog images</a></li>
<li><a href="blog-images-full-width.html">Blog images – full width</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Blog Only Text <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-only-text.html">Blog only text</a></li>
<li><a href="blog-only-text-full-width.html">Blog only text – full width</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Post Layout <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-post-layout-01.html">Blog post layout 01</a></li>
<li><a href="blog-post-layout-02.html">Blog post layout 02</a></li>
<li><a href="blog-post-layout-03.html">Blog post layout 03</a></li>
<li><a href="blog-post-layout-04.html">Blog post layout 04</a></li>
<li><a href="blog-post-layout-05.html">Blog post layout 05</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Post Types <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="blog-standard-post.html">Standard post</a></li>
<li><a href="blog-gallery-post.html">Gallery post</a></li>
<li><a href="blog-slider-post.html">Slider post</a></li>
<li><a href="blog-html5-video-post.html">HTML5 video post</a></li>
<li><a href="blog-youtube-video-post.html">Youtube video post</a></li>
<li><a href="blog-vimeo-video-post.html">Vimeo video post</a></li>
<li><a href="blog-audio-post.html">Audio post</a></li>
<li><a href="blog-blockquote-post.html">Blockquote post</a></li>
<li><a href="blog-full-width-post.html">Full width post</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a data-toggle="dropdown" href="javascript:void(0);" title="Contact">Elements <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu second-level">
<li class="dropdown">
<a href="javascript:void(0);" title="General elements" data-toggle="dropdown">General Elements <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="accordions.html"><i class="ti-layout-accordion-separated"></i> Accordions</a></li>
<li><a href="buttons.html"><i class="ti-mouse"></i> Buttons</a></li>
<li><a href="team.html"><i class="ti-user"></i> Team</a></li>
<li><a href="team-carousel.html"><i class="ti-layout-slider-alt"></i> Team carousel</a></li>
<li><a href="clients.html"><i class="ti-id-badge"></i> Clients</a></li>
<li><a href="client-carousel.html"><i class="ti-layout-slider"></i> Client carousel</a></li>
<li><a href="subscribe.html"><i class="ti-bookmark"></i> Subscribe</a></li>
<li><a href="call-to-action.html"><i class="ti-headphone-alt"></i> Call to action</a></li>
<li><a href="tab.html"><i class="ti-layout-tab"></i> Tab</a></li>
<li><a href="google-map.html"><i class="ti-location-pin"></i> Google map</a></li>
<li><a href="text-slider.html"><i class="ti-layout-media-overlay"></i> Text slider</a></li>
<li><a href="contact-form.html"><i class="ti-clipboard"></i> Contact form</a></li>
<li><a href="image-gallery.html"><i class="ti-gallery"></i> Image gallery</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Infographics / icons" data-toggle="dropdown">Infographics / Icons <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="process-bar.html"><i class="icon-hourglass"></i> Process bar</a></li>
<li><a href="icon-with-text.html"><i class="ti-layout-media-left"></i> Icon with text</a></li>
<li><a href="overline-icon-box.html"><i class="ti-layout-placeholder"></i> Overline icon box</a></li>
<li><a href="custom-icon-with-text.html"><i class="ti-layout-cta-btn-left"></i> Custom icon with text</a></li>
<li><a href="counters.html"><i class="ti-timer"></i> Counters</a></li>
<li><a href="countdown.html"><i class="ti-alarm-clock"></i> Countdown</a></li>
<li><a href="pie-charts.html"><i class="ti-pie-chart"></i> Pie charts</a></li>
<li><a href="text-box.html"><i class="ti-layout-cta-left"></i> Text box</a></li>
<li><a href="fancy-text-box.html"><i class="ti-layout-cta-center"></i> Fancy text box</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Interactive Elements" data-toggle="dropdown">Interactive Elements <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="testimonials.html"><i class="ti-thought"></i> Testimonials</a></li>
<li><a href="testimonials-carousel.html"><i class="ti-comments"></i> Testimonials carousel</a></li>
<li><a href="video.html"><i class="ti-video-camera"></i> Video</a></li>
<li><a href="interactive-banners.html"><i class="ti-image"></i> Interactive banners</a></li>
<li><a href="services.html"><i class="ti-headphone-alt"></i> Services</a></li>
<li><a href="portfolio-slider.html"><i class="ti-layout-slider-alt"></i> Portfolio slider</a></li>
<li><a href="info-banner.html"><i class="ti-layout-slider"></i> Info banner</a></li>
<li><a href="rotate-box.html"><i class="ti-layout-width-full"></i> Rotate box</a></li>
<li><a href="process-step.html"><i class="ti-stats-up"></i> Process step</a></li>
<li><a href="blog-posts.html"><i class="ti-comment-alt"></i> Blog posts</a></li>
<li><a href="instagram.html"><i class="ti-instagram"></i> Instagram</a></li>
<li><a href="parallax-scrolling.html"><i class="ti-exchange-vertical"></i> Parallax scrolling</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Text & containers" data-toggle="dropdown">Text & Containers <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="heading.html"><i class="ti-text"></i> Heading</a></li>
<li><a href="dropcaps.html"><i class="ti-layout-accordion-list"></i> Dropcaps</a></li>
<li><a href="columns.html"><i class="ti-layout-column3-alt"></i> Columns</a></li>
<li><a href="blockquote.html"><i class="ti-quote-left"></i> Blockquote</a></li>
<li><a href="highlights.html"><i class="ti-underline"></i> Highlights</a></li>
<li><a href="message-box.html"><i class="ti-layout-media-right-alt"></i> Message box</a></li>
<li><a href="social-icons.html"><i class="ti-signal"></i> Social icons</a></li>
<li><a href="lists.html"><i class="ti-list"></i> Lists</a></li>
<li><a href="seperators.html"><i class="ti-layout-line-solid"></i> Separators</a></li>
<li><a href="pricing-table.html"><i class="ti-layout-grid2-thumb"></i> Pricing table</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a data-toggle="dropdown" href="javascript:void(0);" title="Features">Features <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu second-level">
<li class="dropdown">
<a href="javascript:void(0);" title="Header Styles" data-toggle="dropdown">Header Styles <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="transparent-header.html">Transparent header</a></li>
<li><a href="white-header.html">White header</a></li>
<li><a href="dark-header.html">Dark header</a></li>
<li><a href="header-with-top-bar.html">Header with top bar</a></li>
<li><a href="header-with-push.html">Header with push</a></li>
<li><a href="center-navigation.html">Center navigation</a></li>
<li><a href="center-logo.html">Center logo</a></li>
<li><a href="top-logo.html">Top logo</a></li>
<li><a href="one-page-navigation.html">One page navigation</a></li>
<li><a href="hamburger-menu.html">Hamburger menu</a></li>
<li><a href="hamburger-menu-modern.html">Hamburger menu modern</a></li>
<li><a href="hamburger-menu-half.html">Hamburger menu half</a></li>
<li><a href="left-menu-classic.html">Left menu classic</a></li>
<li><a href="left-menu-modern.html">Left menu modern</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Footer" data-toggle="dropdown">Footer <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="footer-standard.html">Footer standard</a></li>
<li><a href="footer-standard-dark.html">Footer standard dark</a></li>
<li><a href="footer-classic.html">Footer classic</a></li>
<li><a href="footer-classic-dark.html">Footer classic dark</a></li>
<li><a href="footer-clean.html">Footer clean</a></li>
<li><a href="footer-clean-dark.html">Footer clean dark</a></li>
<li><a href="footer-modern.html">Footer modern</a></li>
<li><a href="footer-modern-dark.html">Footer modern dark</a></li>
<li><a href="footer-center-logo.html">Footer center logo </a></li>
<li><a href="footer-center-logo-dark.html">Footer center logo dark</a></li>
<li><a href="footer-strip.html">Footer strip</a></li>
<li><a href="footer-strip-dark.html">Footer strip dark</a></li>
<li><a href="footer-center-logo-02.html">Footer center logo 02</a></li>
<li><a href="footer-center-logo-02-dark.html">Footer center logo 02 dark</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Page Title" data-toggle="dropdown">Page Title <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="page-title-left-alignment.html">Left alignment</a></li>
<li><a href="page-title-right-alignment.html">Right alignment</a></li>
<li><a href="page-title-center-alignment.html">Center alignment</a></li>
<li><a href="page-title-dark-style.html">Dark style</a></li>
<li><a href="page-title-big-typography.html">Big typography</a></li>
<li><a href="page-title-parallax-image-background.html">Parallax image background</a></li>
<li><a href="page-title-background-breadcrumbs.html">Image after breadcrumbs</a></li>
<li><a href="page-title-gallery-background.html">Gallery background</a></li>
<li><a href="page-title-background-video.html">Background video</a></li>
<li><a href="page-title-mini-version.html">Mini version</a></li>
</ul>
</li>
<li class="dropdown">
<a href="javascript:void(0);" title="Single image lightbox" data-toggle="dropdown">Single Image Lightbox <i class="fa fa-angle-right"></i></a>
<ul class="dropdown-menu third-level">
<li><a href="lightbox-gallery.html">Lightbox gallery</a></li>
<li><a href="zoom-gallery.html">Zoom gallery</a></li>
<li><a href="popup-with-form.html">Popup with form</a></li>
<li><a href="modal-popup.html">Modal popup</a></li>
<li><a href="open-youtube-video.html">Open youtube video</a></li>
<li><a href="open-vimeo-video.html">Open vimeo video</a></li>
<li><a href="open-google-map.html">Open google map</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
Нужно всё это сделать в categorymenu.tpl , сохраняя подкатегории и подкатегории подкатегории. Вместо href="javascript:void(0);" чтобы была ссылка на основную категорию.