[Решено] Menu category

Vadim455 · 25 червня 2015

Всем привет! Такой вопрос. Сайт: www.kindershop.md

Есть меню слева и при наведении на 1 из категорий - открываются подкатегории. Вопрос: как сделать так, чтобы подкатегории не открывались?

вот файл boss_menucategory:

<div class="header_category col-sm-3 col-xs-12">
<div id="boss-menu-category" class="box">
  <div class="boss_heading"><div class="box-heading"><i class="fa fa-align-justify"></i><span><?php echo $heading_title; ?></span></div></div>
  <div class="box-content">
    <ul class="box-category boss-menu-cate">
	<?php if(isset($menus) && !empty($menus)){ ?>
      <?php $i=1; foreach($menus as $menu){ ?>
		<li <?php if($i>$alway_show) echo 'class="b_menucategory_hidde"';?>>
			<div class="nav_title">
				<img alt="<?php echo $menu['title']; ?>" src="<?php echo $menu['icon']; ?>" />
				<a class="title" href="<?php echo $menu['href']; ?>"><?php echo $menu['title']; ?><?php if ($menu['categories']){ ?><i class="fa fa-caret-right"></i><?php } ?></a>
			</div><?php if ($menu['categories']){ ?>
			<div class="nav_submenu" style="<?php if($menu['bgimage']){ ?>background-image: url(<?php echo $menu['bgimage']; ?>); background-position: top right;background-repeat: no-repeat; <?php } ?> ">
			<div class="nav_submenu_inner" style="width:<?php echo $menu['sub_width']; ?>px;">	
				<a title="<?php echo $menu['title']; ?>" href="<?php echo $menu['href']; ?>"></a>
	<?php $sub_column = ($menu['sub_width'])/$menu['column']; ?>
				<div class="nav_sub_submenu">
					<ul>
						<?php foreach($menu['categories'] as $category){ ?>
						<li <?php if ($category['children']) echo 'class="nav_cat_parent"'; ?> <?php if (!$category['children']) echo 'class="nav_cat_child"'; ?> style="width:<?php echo $sub_column; ?>px;">
							<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
							<?php if ($category['children']){ ?>
							<div class="sub_cat_child">
								<ul>
								<?php foreach($category['children'] as $cat_child){ ?>
									<li><a href="<?php echo $cat_child['href']; ?>"><?php echo $cat_child['name']; ?></a></li>
								<?php } ?>
								</ul>
							</div>
							<?php } ?>
						</li>
						<?php } ?>
					</ul>
				</div>
			</div>	
			</div><?php } ?>
		</li>
	  <?php $i++; } ?>
	  <?php } ?>
		<?php if(count($menus) > $alway_show){ ?>
		<li class="menu_loadmore">
		<div class="nav_title">			
			<a class="more title" href="javascript:void(0)"><i class="fa fa-plus-square-o"></i><?php echo $text_more_category;?></a>
		</div>
		</li>
		<li class="menu_loadmore_hidden">
		<div class="nav_title">			
			<a class="more title" href="javascript:void(0)"><i class="fa fa-minus-square-o"></i><?php echo $text_more_category_hidden;?></a>
		</div>
		</li> 
		<?php } ?>
    </ul>
  </div>
  <script type="text/javascript"><!--
	jQuery(document).ready(function($) {
		loadtopmenu();
	});
	$("#boss-menu-category .boss_heading").click(function(){
		$('#boss-menu-category').toggleClass('opencate');
		loadtopmenu();
	});
	function loadtopmenu(){
		var menuheight = $('#boss-menu-category .box-content').outerHeight();
		var topcate = $('#boss-menu-category').offset().top;
		$('.boss-menu-cate .nav_title').each(function(index, element) {
			var liheight = $(this).outerHeight();
			var subheight = $(this).next('.nav_submenu').outerHeight();
			var topheight = $(this).offset().top - topcate -55;
			/*if((subheight < menuheight)&&(subheight < topheight)){
				var bottomh = topheight - subheight + liheight + 14;
				$(this).next('.nav_submenu').css('top', bottomh + 'px');
			}else{
				$(this).next('.nav_submenu').css('top', '-1px');
			}*/
		});
	}
	$('.b_menucategory_hidde, .menu_loadmore_hidden').hide();
	$('.menu_loadmore').click(function(){
		$( '.b_menucategory_hidde' ).slideToggle( "normal", function() {
			$('.menu_loadmore').hide();
			$('.menu_loadmore_hidden').show();
		});
		
	});
	$('.menu_loadmore_hidden').click(function(){
		$( '.b_menucategory_hidde' ).slideToggle( "normal", function() {
			$('.menu_loadmore').show();
			$('.menu_loadmore_hidden').hide();
		});
		
	});
	

  //--></script>
</div>
</div>


<?php if(isset($menu_fixed) && $menu_fixed){ ?>
<div class="header_category menucategory-fixed">
<div id="boss-menu-category-fixed" class="box">
  <div class="boss_heading"><div class="box-heading"><i class="fa fa-align-justify"></i><span><?php echo $heading_title; ?></span></div></div>
  <div class="box-content">
    <ul class="box-category boss-menu-cate">
	<?php if(isset($menus) && !empty($menus)){ ?>
      <?php $i=0; foreach($menus as $menu){ ?>
		<?php if($i<$alway_show){ ?>
		<?php $half = round(($alway_show/2), 0, PHP_ROUND_HALF_UP); ?>
		<li <?php if($i>$half) echo 'class="dropdown_up"';?>>
			<div class="bt-icon"><img alt="<?php echo $menu['title']; ?>" src="<?php echo $menu['icon']; ?>" /></div>				
			
			<div class="parent_dropdown">
			<a class="title" href="<?php echo $menu['href']; ?>"><?php echo $menu['title']; ?><?php if ($menu['categories']){ ?><i class="fa fa-caret-right"></i><?php } ?></a>
			<?php if ($menu['categories']){ ?>
			<div class="nav_submenu" style="<?php if($menu['bgimage']){ ?>background-image: url(<?php echo $menu['bgimage']; ?>); background-position: top right;background-repeat: no-repeat; <?php } ?> ">
			<div class="nav_submenu_inner" style="width:<?php echo $menu['sub_width']; ?>px;">	
				<a title="<?php echo $menu['title']; ?>" href="<?php echo $menu['href']; ?>"></a>
				<?php $sub_column = ($menu['sub_width'])/$menu['column']; ?>
				<div class="nav_sub_submenu">
					<ul>
						<?php foreach($menu['categories'] as $category){ ?>
						<li <?php if ($category['children']) echo 'class="nav_cat_parent"'; ?> <?php if (!$category['children']) echo 'class="nav_cat_child"'; ?> style="width:<?php echo $sub_column; ?>px;">
							<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
							<?php if ($category['children']){ ?>
							<div class="sub_cat_child">
								<ul>
								<?php foreach($category['children'] as $cat_child){ ?>
									<li><a href="<?php echo $cat_child['href']; ?>"><?php echo $cat_child['name']; ?></a></li>
								<?php } ?>
								</ul>
							</div>
							<?php } ?>
						</li>
						<?php } ?>
					</ul>
				</div>
			</div>	
			</div><?php } ?>
			</div>
		</li>
		<?php } ?>
	  <?php $i++; } ?>
	  <?php } ?>
    </ul>
  </div>
<script type="text/javascript"><!--
	// show all the icon when click ICON CATEGORY
	$("#boss-menu-category-fixed .boss_heading").click(function(){
		// save cookie
		localStorage.setItem('opencate', $(".menucategory-fixed>div").hasClass("opencate").toString());
		$('#boss-menu-category-fixed').toggleClass('opencate');	
	});		
	
	// show icon when scroll
	$(window).scroll(function() {
		var height_header = $('#top').height() + $('header').height() + $('.boss-new-position').height();  
		if($(window).scrollTop() > height_header) {				
			$('.menucategory-fixed').slideDown(300);
			if (localStorage.getItem('opencate')=='false'){
				$('#boss-menu-category-fixed').addClass('opencate');	
			}else if(!localStorage.getItem('opencate')){ //set show Icon on Homepage when first load
				if($("body").hasClass("bt-home-page")){
					$('#boss-menu-category-fixed').addClass('opencate');
				}
			}
		} else {
			$('.menucategory-fixed').slideUp(300); 
		}
	});
	
	
	//position of icon when load first
	$(window).load(function() {
		if ($('.header_category').length){			
			var height_icon = 40;//$('.menucategory-fixed .boss_heading').height(); 
			var num_li = $('.menucategory-fixed .boss-menu-cate>li').length; 
			var menucategory_fixed = height_icon*num_li; 			
			var top = Math.floor(parseFloat(($( window ).height() - menucategory_fixed -height_icon)/2));
			if(top<0) top = 0;			
			$('.menucategory-fixed').css('top',top);			
		}
		
	});
	//position of icon when load first
	$(window).smartresize(function(){
		if ($('.header_category').length){
			var height_icon = 40;//$('.menucategory-fixed .boss_heading').height(); 
			var num_li = $('.menucategory-fixed .boss-menu-cate>li').length; 
			var menucategory_fixed = height_icon*num_li; 			
			var top = Math.floor(parseFloat(($( window ).height() - menucategory_fixed -height_icon)/2));
			if(top<0) top = 0;			
			$('.menucategory-fixed').css('top',top);		
		}
	});
//--></script>
</div>
</div>
<?php } ?>

То, что нужно убрать - начинается с "<?php $sub_column = ($menu['sub_width'])/$menu['column']; ?>", но я не знаю, где заканчивается... или это не так делается? подскажите, пожалуйста

Змінено 25 червня 2015 користувачем Vadim455

megrel · 26 червня 2015

Попробуйте так

<div class="header_category col-sm-3 col-xs-12">
<div id="boss-menu-category" class="box">
  <div class="boss_heading"><div class="box-heading"><i class="fa fa-align-justify"></i><span><?php echo $heading_title; ?></span></div></div>
  <div class="box-content">
    <ul class="box-category boss-menu-cate">
	<?php if(isset($menus) && !empty($menus)){ ?>
      <?php $i=1; foreach($menus as $menu){ ?>
		<li <?php if($i>$alway_show) echo 'class="b_menucategory_hidde"';?>>
			<div class="nav_title">
				<img alt="<?php echo $menu['title']; ?>" src="<?php echo $menu['icon']; ?>" />
				<a class="title" href="<?php echo $menu['href']; ?>"><?php echo $menu['title']; ?><?php if ($menu['categories']){ ?><i class="fa fa-caret-right"></i><?php } ?></a>
			</div>
		</li>
	  <?php $i++; } ?>
	  <?php } ?>
		<?php if(count($menus) > $alway_show){ ?>
		<li class="menu_loadmore">
		<div class="nav_title">			
			<a class="more title" href="javascript:void(0)"><i class="fa fa-plus-square-o"></i><?php echo $text_more_category;?></a>
		</div>
		</li>
		<li class="menu_loadmore_hidden">
		<div class="nav_title">			
			<a class="more title" href="javascript:void(0)"><i class="fa fa-minus-square-o"></i><?php echo $text_more_category_hidden;?></a>
		</div>
		</li> 
		<?php } ?>
    </ul>
  </div>
  <script type="text/javascript"><!--
	jQuery(document).ready(function($) {
		loadtopmenu();
	});
	$("#boss-menu-category .boss_heading").click(function(){
		$('#boss-menu-category').toggleClass('opencate');
		loadtopmenu();
	});
	function loadtopmenu(){
		var menuheight = $('#boss-menu-category .box-content').outerHeight();
		var topcate = $('#boss-menu-category').offset().top;
		$('.boss-menu-cate .nav_title').each(function(index, element) {
			var liheight = $(this).outerHeight();
			var subheight = $(this).next('.nav_submenu').outerHeight();
			var topheight = $(this).offset().top - topcate -55;
			/*if((subheight < menuheight)&&(subheight < topheight)){
				var bottomh = topheight - subheight + liheight + 14;
				$(this).next('.nav_submenu').css('top', bottomh + 'px');
			}else{
				$(this).next('.nav_submenu').css('top', '-1px');
			}*/
		});
	}
	$('.b_menucategory_hidde, .menu_loadmore_hidden').hide();
	$('.menu_loadmore').click(function(){
		$( '.b_menucategory_hidde' ).slideToggle( "normal", function() {
			$('.menu_loadmore').hide();
			$('.menu_loadmore_hidden').show();
		});
		
	});
	$('.menu_loadmore_hidden').click(function(){
		$( '.b_menucategory_hidde' ).slideToggle( "normal", function() {
			$('.menu_loadmore').show();
			$('.menu_loadmore_hidden').hide();
		});
		
	});
	

  //--></script>
</div>
</div>


<?php if(isset($menu_fixed) && $menu_fixed){ ?>
<div class="header_category menucategory-fixed">
<div id="boss-menu-category-fixed" class="box">
  <div class="boss_heading"><div class="box-heading"><i class="fa fa-align-justify"></i><span><?php echo $heading_title; ?></span></div></div>
  <div class="box-content">
    <ul class="box-category boss-menu-cate">
	<?php if(isset($menus) && !empty($menus)){ ?>
      <?php $i=0; foreach($menus as $menu){ ?>
		<?php if($i<$alway_show){ ?>
		<?php $half = round(($alway_show/2), 0, PHP_ROUND_HALF_UP); ?>
		<li <?php if($i>$half) echo 'class="dropdown_up"';?>>
			<div class="bt-icon"><img alt="<?php echo $menu['title']; ?>" src="<?php echo $menu['icon']; ?>" /></div>				
			
			<div class="parent_dropdown">
			<a class="title" href="<?php echo $menu['href']; ?>"><?php echo $menu['title']; ?><?php if ($menu['categories']){ ?><i class="fa fa-caret-right"></i><?php } ?></a>

			</div>
		</li>
		<?php } ?>
	  <?php $i++; } ?>
	  <?php } ?>
    </ul>
  </div>
<script type="text/javascript"><!--
	// show all the icon when click ICON CATEGORY
	$("#boss-menu-category-fixed .boss_heading").click(function(){
		// save cookie
		localStorage.setItem('opencate', $(".menucategory-fixed>div").hasClass("opencate").toString());
		$('#boss-menu-category-fixed').toggleClass('opencate');	
	});		
	
	// show icon when scroll
	$(window).scroll(function() {
		var height_header = $('#top').height() + $('header').height() + $('.boss-new-position').height();  
		if($(window).scrollTop() > height_header) {				
			$('.menucategory-fixed').slideDown(300);
			if (localStorage.getItem('opencate')=='false'){
				$('#boss-menu-category-fixed').addClass('opencate');	
			}else if(!localStorage.getItem('opencate')){ //set show Icon on Homepage when first load
				if($("body").hasClass("bt-home-page")){
					$('#boss-menu-category-fixed').addClass('opencate');
				}
			}
		} else {
			$('.menucategory-fixed').slideUp(300); 
		}
	});
	
	
	//position of icon when load first
	$(window).load(function() {
		if ($('.header_category').length){			
			var height_icon = 40;//$('.menucategory-fixed .boss_heading').height(); 
			var num_li = $('.menucategory-fixed .boss-menu-cate>li').length; 
			var menucategory_fixed = height_icon*num_li; 			
			var top = Math.floor(parseFloat(($( window ).height() - menucategory_fixed -height_icon)/2));
			if(top<0) top = 0;			
			$('.menucategory-fixed').css('top',top);			
		}
		
	});
	//position of icon when load first
	$(window).smartresize(function(){
		if ($('.header_category').length){
			var height_icon = 40;//$('.menucategory-fixed .boss_heading').height(); 
			var num_li = $('.menucategory-fixed .boss-menu-cate>li').length; 
			var menucategory_fixed = height_icon*num_li; 			
			var top = Math.floor(parseFloat(($( window ).height() - menucategory_fixed -height_icon)/2));
			if(top<0) top = 0;			
			$('.menucategory-fixed').css('top',top);		
		}
	});
//--></script>
</div>
</div>
<?php } ?>

Vadim455 · 26 червня 2015

отлично, осталось стрелочку убрать Результат: kindershop.md

Vadim455 · 26 червня 2015

все, я сделал. Спасибо, добрый человек

Вхід

[Решено] Menu category

Recommended Posts

Vadim455

Надіслати

Поділитися на інших сайтах

megrel

Надіслати

Поділитися на інших сайтах

Vadim455

Надіслати

Поділитися на інших сайтах

Vadim455

Надіслати

Поділитися на інших сайтах

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information