ссылки в мобильной версии сайта в главном меню (добавить/убрать)

qwadro · 5 січня 2018

здравствуйте, добрые люди.

платный шаблон. вот этот: https://opencartforum.com/files/file/4127-tri-dnya-25-mnogomodulnyy-«universal-multicolor-template»-multicvetnyy-shablon-s-plyushkami/

в мобильной версии нет ссылки на главную страницу и есть ссылка например на партнерку, которая не нужна.

я поставил сверху модуль "мегаменю" с множеством настроек (на пк версию)

я делаю ссылки в этом меню. и хочу в мобильной версии сайта в выпадающем списке (скрины) сделать так же, те же ссылки. те же имена ссылок. но там заданы другие

где сидит файл отвечающий за мобильное меню в opencart ocstore 2.3?

подскажите, будьте ласковы)

сайт https://growmarket.org

вот header.tpl сайт: https://growmarket.org

Спойлер


<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><?php echo $title;  ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content= "<?php echo $keywords; ?>" />
<?php } ?>
<meta property="og:title" content="<?php echo $title; ?>" />
<meta property="og:type" content="website" />
<meta property="og:url" content="<?php echo $og_url; ?>" />
<?php if ($og_image) { ?>
<meta property="og:image" content="<?php echo $og_image; ?>" />
<?php } else { ?>
<meta property="og:image" content="<?php echo $logo; ?>" />
<?php } ?>
<meta property="og:site_name" content="<?php echo $name; ?>" />
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">
<link href="catalog/view/theme/universal-template/stylesheet/stylesheet.css" rel="stylesheet">
<link href="catalog/view/theme/universal-template/stylesheet/dynamic.css" rel="stylesheet">
<?php foreach ($styles as $style) { ?>
<link href="<?php echo $style['href']; ?>" type="text/css" rel="<?php echo $style['rel']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script src="catalog/view/theme/universal-template/js/common.js" type="text/javascript"></script>
<link href="catalog/view/theme/universal-template/js/sweetalert/sweetalert2.min.css" rel="stylesheet">
<script type="text/javascript" src="catalog/view/theme/universal-template/js/sweetalert/sweetalert2.min.js" async defer></script>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<?php foreach ($scripts as $script) { ?>
<script src="<?php echo $script; ?>" type="text/javascript"></script>
<?php } ?>
<?php foreach ($analytics as $analytic) { ?>
<?php echo $analytic; ?>
<?php } ?>
<?php require "catalog/view/theme/universal-template/template/common/settemplate.tpl"; ?>
</head>
<body class="<?php echo $class; ?>">
<nav id="top">
  <div class="container">
	  <div class="btn-group pull-left category_header">
		  <div class="btn btn-primary btn-header hidden-xs pull-left text-center trapezium dropdown-toggle" onclick="getajaxcategory('route=extension/module/fullcategory', 'sm');">
			<i class="fa fa-bars"></i>
			<span class="hidden-xs">&nbsp;&nbsp;<?php echo $catalog_text; ?></span>&nbsp;
		  </div>
		  <div class="btn btn-primary btn-header visible-xs-inline-block pull-left trapezium text-center dropdown-toggle" onclick="getajaxcategory('route=extension/module/fullcategory', 'xs');">
			<i class="fa fa-bars"></i>
			<span class="menu_click"><?php echo $menu_text; ?>&nbsp;</span>
		  </div>
		  <div class="collapse navbar-category-collapse text-uppercase"></div>
	  </div>
	  <div class="btn btn-header btn-white call-back pull-left trapezium" onclick="getajaxcallbacking('route=extension/module/callbacking')">
		&nbsp;<i class="fa fa-phone"></i>
		<span class="hidden-xs">&nbsp;&nbsp;<?php echo $callback_text; ?>&nbsp;&nbsp;</span>&nbsp;<i class="fa fa-caret-down"></i>
	  </div>
	  <?php echo $currency; ?>
	  <?php echo $language; ?>
  </div>
</nav>
<nav id="nav_bg" class="col-sm-12"></nav>
<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <div id="logo">
          <?php if ($logo) { ?>
            <?php if ($home == $og_url) { ?>
              <img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" />
            <?php } else { ?>
              <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
            <?php } ?>
          <?php } else { ?>
            <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 col-xs-12 pull-right">
	  <div class="row">
		<div class="col-lg-5 col-md-4 col-sm-4 col-xs-4 text-right cartimg hidden-xs">
		   <img src="catalog/view/theme/universal-template/image/cart-img.png" alt="" title="" class="img-responsive" />
		</div>
		<div class="col-lg-7 col-md-8 col-sm-8 col-xs-6 cartblock">
			<div class="dropdown form-group">
			<?php if ($logged) { ?>
			<a href="<?php echo $account; ?>" title="<?php echo $text_account; ?>" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-md"><?php echo $text_account; ?></span> <span class="caret"></span></a>
			  <ul class="dropdown-menu dropdown-menu-right">
				<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
				<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
				<li><a href="<?php echo $transaction; ?>"><?php echo $text_transaction; ?></a></li>
				<li><a href="<?php echo $download; ?>"><?php echo $text_download; ?></a></li>
				<li><a href="<?php echo $logout; ?>"><?php echo $text_logout; ?></a></li>
			  </ul>
			  <?php } else { ?>
				<a href="<?php echo $register; ?>" class="text-uppercase"><?php echo $text_register; ?></a> / <a href="<?php echo $login; ?>" class="text-uppercase"><?php echo $text_login; ?></a>
			  <?php } ?>
			</div>
			<?php echo $cart; ?>
		</div>
	  </div>
	  </div>
	  <div class="clearfix visible-sm visible-xs"></div>
	  <div class="col-md-4 col-sm-12">
		<div class="row">
			<div class="col-sm-12">
			 <div class="col-sm-5 col-xs-5 phone_header">
			  <div class="row">
				<div class="btn btn-white"><a href="tel:<?php echo $telephone; ?>"><i class="fa fa-phone"></i>&nbsp;&nbsp;<span><?php echo $telephone; ?></span></a></div>
			  </div>
			 </div>
			 <div class="col-sm-7 col-xs-6 email_header text-right">
				  <div class="row">
					<a href="mailto:<?php echo $email; ?>"><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;<?php echo $email; ?></a>
				  </div>
			 </div>
			 <div class="clearfix visible-xs"></div>
			</div>
			<div class="col-sm-12"><ol></ol></div>
			<div class="col-sm-12"><?php echo $search; ?></div>
      </div>
	  </div>
	  <div class="col-sm-12 col-md-8 text-right text-uppercase hidden-xs">
		  <ol></ol>
		  <ul class="list-inline">
			<li><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span><?php echo $text_wishlist; ?></span></a></li>
			<li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span><?php echo $text_shopping_cart; ?></span></a></li>
			<li><a href="<?php echo $checkout; ?>" title="<?php echo $text_checkout; ?>"><i class="fa fa-share"></i> <span><?php echo $text_checkout; ?></span></a></li>
		  </ul>
	  </div>
    </div>
  </div>
</header>
<?php if ($categories) { ?>
<div class="container">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
      <button type="button" class="btn btn-default navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav text-uppercase">
        <?php foreach ($categories as $category) { ?>
        <?php if ($category['children']) { ?>
        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle"><?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>
          </div>
        </li>
        <?php } else { ?>
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
        <?php } ?>
        <?php } ?>
      </ul>
    </div>
  </nav>
</div>
<?php } ?>

Змінено 5 січня 2018 користувачем qwadro

qwadro · 5 січня 2018

ап!

Змінено 5 січня 2018 користувачем qwadro

qwadro · 5 січня 2018

а можно подсказку без иронии? где я могу, в каком файле, поправить действующие ссылки из выпадающего меню что видно на скрине? просто путь к файлу, пожалуйста, ну и строку в которой сидит код ..

qwadro · 6 січня 2018

11 часов назад, Pascha сказал:
кто Вам сказал что это должно быть пренепременно тут? а может это подгружается ocmod, а может дополнительным модулем
ищите где у Вас блок с
#nav_bg
а там смотрите код вывода статей... и возможно прийдется прописать условие (если не дай бог там просто не прописаны "живые" ссылки)

#nav_bg

сидит в файле catalog/view/theme/universal-template/js/common.js

его код:

Спойлер


function getURLVar(key) {
	var value = [];

	var query = document.location.search.split('?');

	if (query[1]) {
		var part = query[1].split('&');

		for (i = 0; i < part.length; i++) {
			var data = part[i].split('=');

			if (data[0] && data[1]) {
				value[data[0]] = data[1];
			}
		}

		if (value[key]) {
			return value[key];
		} else {
			return '';
		}
	}
}
function bluring() {
	if ($(".modal-bg").hasClass("show")) {
		
	} else {
		$('.modal-bg').addClass('show');
		$('.modal-bg').addClass('show');
	}
}
function bluring_category() {
	if ($(".modal-bg").hasClass("show")) {
		$('.modal-bg').removeClass('show');
		$('.modal-bg').removeClass('show');
		$('.category_header > .dropdown-toggle').removeClass('shadow');
	} else {
		$('.category_header > .dropdown-toggle').addClass('shadow');
		$('.modal-bg').addClass('show');
		$('.modal-bg').addClass('show');
	}
}
$(this).keydown(function(eventObject){
	if (eventObject.which == 27 && $('body').find('.modal-bg.show').html() != null) {
		$(".navbar-category-collapse.collapse.in").removeClass("in");
		$('.category_header > .navbar-category-collapse').hide();
		$('#nav_bg').empty();
		bluring_category();
	}
	if (eventObject.which == 27) {
		$('#nav_bg').hide();
	}
});
$(document).mouseup(function (e) {
	if ($('body').find('.modal-bg.show').html() != null && $('body .category_header').has(e.target).length === 0 && $('body').find('.divshadow.show').html() == null) {
		$(".navbar-category-collapse.collapse.in").removeClass("in");
		$('.category_header > .navbar-category-collapse').hide();
		bluring_category();
	}
});
function centering(diving){
	var wsize = windowWorkSize(),
	testElem = $(diving),
	testElemWid =  testElem.outerWidth(),
	testElemHei =  testElem.outerHeight();
			
	testElem.css('top', wsize[1]/2 - testElemHei/2 + (document.body.scrollTop || document.documentElement.scrollTop) + 'px');

	function windowWorkSize(){
	var wwSize = new Array();
		if (window.innerHeight !== undefined) {wwSize= [window.innerWidth,window.innerHeight]} else {
			wwSizeIE = (document.body.clientWidth) ? document.body : document.documentElement; 
			wwSize= [wwSizeIE.clientWidth, wwSizeIE.clientHeight];
		};
		return wwSize;
	};
}
function getajaxcategory(href, sm) {
	if ($('body').find('.collapse.navbar-category-collapse').text() == "") {
		$(".category_header > .dropdown-toggle > .fa").removeClass("fa-bars").addClass("fa-spinner wheel");
		$.ajax({
			url: 'index.php?',
			type:'get',
			data: href + '&sm=' + sm,
			success: function(msg){
				if (sm == 'sm') {
					setTimeout(function() {
						$('body .navbar-category-collapse').empty();
						$('body .navbar-category-collapse').append(msg);
						setTimeout(function () {
							bluring_category();
							$(".collapse.navbar-category-collapse").slideToggle(300);
							$(".category_header > .dropdown-toggle > .fa").removeClass("fa-spinner").removeClass("wheel").addClass("fa-bars");
						}, 1000);
					},300)
				}
				if (sm == 'xs') {
					if ($('body').find('#nav_bg').text() == "") {
						setTimeout(function() {
							$('#nav_bg').empty();
							$('#nav_bg').append(msg);
							setTimeout(function () {
								$("#nav_bg").slideToggle(300);
								$(".category_header > .dropdown-toggle > .fa").removeClass("fa-spinner").removeClass("wheel").addClass("fa-bars");
							}, 1000);
						},300)
					} else {
						$(".category_header > .dropdown-toggle > .fa").removeClass("fa-spinner").removeClass("wheel").addClass("fa-bars");
						$("#nav_bg").slideToggle(300);
					}
				}
				
			}
		});
	} else {
		bluring_category();
		$(".collapse.navbar-category-collapse").slideToggle(300);
	}
}
function ajaxmoremodule(href, iden) {
    $.ajax({
        url: 'index.php?route=extension/module/divshadow',
		type:'get',
		data: href,
		beforeSend: function() {
			$('.product-thumb' + iden).addClass('load');
		},
		success: function(msg){
			setTimeout(function() {
			$('body .divshadow').empty();
			$('body .divshadow').append(msg);
			if ($('body .divshadow').hasClass("show")) {
				$('body .divshadow').removeClass('show');
			} else {
				$('body .divshadow').addClass('show');
				$('.modal-bg').addClass('show');
			}
			bluring();
			$('.product-thumb' + iden).removeClass('load');
			},700)
		}
    });
}
function getajaxcallbacking(href) {
    $.ajax({
        url: 'index.php?',
		type:'get',
		data: href,
		success: function(msg){
			setTimeout(function() {
			$('body .divshadow').empty();
			$('body .divshadow').append(msg);
			if ($('body .divshadow').hasClass("show")) {
				$('body .divshadow').removeClass('show');
			} else {
				$('body .divshadow').addClass('show');
				$('.modal-bg').addClass('show');
			}
			bluring();
			},700)
		}
    });
}
function set_call_back() {
	setTimeout(function(){
	$(".call-back").addClass("animated flash");
	}, 1000);
	setTimeout(function(){
	$(".call-back").removeClass("animated flash");
	}, 3000);
}
setInterval(set_call_back, 5000);
$(document).ready(function() {
	$('body').prepend('<div class="divshadow"></div>');
	$('body').append('<div class="modal-bg"></div>');
});
function hover_image(){
	$('.js-hover').hover(function() {
		var _this = this;
        if (_this.getAttribute('data-data').replace(' ', '').replace(' ', '').replace(' ', '').replace(' ', '').slice(-1) == ',') {
            images = _this.getAttribute('data-data').replace(' ', '').replace(' ', '').replace(' ', '').replace(' ', '').slice(0, -1).split(',');
        }
		counter = 0;
 
		this.setAttribute('data-src', this.src);
		_this.timer = setInterval(function(){
			if(counter > images.length) {
				counter = 0;
			}
			if (images[counter] != undefined) {
				_this.src = images[counter];
			} else {
				_this.src = _this.getAttribute('data-src');
			}
 
			counter++;
		}, 750);
 
	}, function() {
		this.src = this.getAttribute('data-src');
		clearInterval(this.timer);
	});
	
}
$(document).ready(function() {
	cols = $('#column-right, #column-left').length;
	if (cols == 2) {
		if(!$(".product-layout").hasClass('product-list')){$(".product-layout").addClass("col-lg-6 col-md-6 col-sm-12 col-xs-6");}
	} else if (cols == 1) {
		if(!$(".product-layout").hasClass('product-list')){$(".product-layout").addClass("col-lg-4 col-md-4 col-sm-6 col-xs-6");}
	} else {
		if(!$(".product-layout").hasClass('product-list')){$(".product-layout").addClass("col-lg-3 col-md-4 col-sm-4 col-xs-6");}
	}
});
function hover_compare(){
	$('.product-thumb > .image').hover(
		function() {
			$(this).find('.compare').animate({"left": "+=32%", "bottom": "+=15%", "opacity": "0.8"}, 500);
			$(this).find('.wishlist').animate({"right": "+=32%", "bottom": "+=15%", "opacity": "0.8"}, 500);
		},
		function() {
			$(this).find('.compare').animate({"left": "-=32%", "bottom": "-=15%", "opacity": "0"}, 500);
			$(this).find('.wishlist').animate({"right": "-=32%", "bottom": "-=15%", "opacity": "0"}, 500);
		}
	);
}
$(document).ready(function() {
	if ($('body').attr('class').indexOf('product-category-') !== -1) {} else {hover_image();}
	hover_compare();
	$('a.scrolling').click(function () {
        $('body,html').animate({scrollTop: 0}, 500);
        return false;
    });
	
	
});
$(document).ready(function() {
	// Highlight any found errors
	$('.text-danger').each(function() {
		var element = $(this).parent().parent();

		if (element.hasClass('form-group')) {
			element.addClass('has-error');
		}
	});

	// Currency
	$('#form-currency .currency-select').on('click', function(e) {
		e.preventDefault();

		$('#form-currency input[name=\'code\']').val($(this).attr('name'));

		$('#form-currency').submit();
	});

	// Language
	$('#form-language .language-select').on('click', function(e) {
		e.preventDefault();

		$('#form-language input[name=\'code\']').val($(this).attr('name'));

		$('#form-language').submit();
	});

	/* Search */
	$('#search input[name=\'search\']').parent().find('button').on('click', function() {
		var url = $('base').attr('href') + 'index.php?route=product/search';

		var value = $('header #search input[name=\'search\']').val();

		if (value) {
			url += '&search=' + encodeURIComponent(value);
		}

		location = url;
	});

	$('#search input[name=\'search\']').on('keydown', function(e) {
		if (e.keyCode == 13) {
			$('header #search input[name=\'search\']').parent().find('button').trigger('click');
		}
	});

	// Menu
	$('#menu .dropdown-menu').each(function() {
		var menu = $('#menu').offset();
		var dropdown = $(this).parent().offset();

		var i = (dropdown.left + $(this).outerWidth()) - (menu.left + $('#menu').outerWidth());

		if (i > 0) {
			$(this).css('margin-left', '-' + (i + 10) + 'px');
		}
	});

	// Product List
	$('#list-view').click(function(index, element) {
		$('#content .product-grid > .clearfix').remove();

		$('#content .product-grid').attr('class', 'product-layout product-list col-xs-12');
		$('#grid-view').removeClass('btn-default');
		$('#list-view').addClass('btn-default');
		
		$('.product-list > div').each(function(index, element) {
			html  = '';
			cols = $('#column-right, #column-left').length;
			if (cols == 2) {
				html  += '<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">';
			} else if (cols == 1) {
				html  += '<div class="col-lg-4 col-md-5 col-sm-4 col-xs-12">';
			} else {
				html  += '<div class="col-lg-3 col-md-4 col-sm-5 col-xs-12">';
			}
			
			
			if ($(element).find('.stikers').html() != null) {stikers = '<div class="stikers">' + $(element).find('.stikers').html() + '</div>';} else {stikers = '';}
			if ($(element).find('.image').html() != null) {html += '<div class="row row-none-right-sm"><div class="image">' + stikers + $(element).find('.image').html() + '</div></div>';}
			html  += '</div>';
			
			if (cols == 2) {
				html  += '<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-justify">';
			} else if (cols == 1) {
				html  += '<div class="col-lg-8 col-md-7 col-sm-8 col-xs-12 text-justify">';
			} else {
				html  += '<div class="col-lg-9 col-md-8 col-sm-7 col-xs-12 text-justify">';
			}
			
			
			
			
				if ($(element).find('h4').html() != null) {html += '<h4>' + $(element).find('h4').html() + '</h4>';}
				if ($(element).find('.caption').html() != null) {html += '<div class="row row-none-left-sm row-none-left-md"><div class="caption">' + $(element).find('.caption').html() + '</div></div>';}
			html  += '</div>';
			html  += '<div class="clearfix"></div>';
			$(element).html(html);
		});
		
		hover_image();
		hover_compare();

		localStorage.setItem('display', 'list');
	});

	// Product Grid
	$('#grid-view').click(function() {
		// What a shame bootstrap does not take into account dynamically loaded columns
		var cols = $('#column-right, #column-left').length;

		if (cols == 2) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-6');
		} else if (cols == 1) {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-4 col-md-6 col-sm-6 col-xs-6');
		} else {
			$('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-4 col-sm-6 col-xs-6');
		}

		$('#list-view').removeClass('btn-default');
		$('#grid-view').addClass('btn-default');
		
		$('.product-grid > div').each(function(index, element) {
			html  = '';
			if ($(element).find('.stikers').html() != null) {html += '<div class="stikers">' + $(element).find('.stikers').html() + '</div>';}
			if ($(element).find('h4').html() != null) {html += '<h4>' + $(element).find('h4').html() + '</h4>';}
			if ($(element).find('.image').html() != null) {html += '<div class="image">' + $(element).find('.image').html() + '</div>';}
			if ($(element).find('.caption').html() != null) {html += '<div class="caption">' + $(element).find('.caption').html() + '</div>';}
			$('.image > .stikers').hide();
			$(element).html(html);
		});
		
		hover_image();
		hover_compare();

		localStorage.setItem('display', 'grid');
	});

	if (localStorage.getItem('display') == 'list') {
		$('#list-view').trigger('click');
		$('#list-view').addClass('btn-default');
	} else {
		$('#grid-view').trigger('click');
		$('#grid-view').addClass('btn-default');
	}

	// Checkout
	$(document).on('keydown', '#collapse-checkout-option input[name=\'email\'], #collapse-checkout-option input[name=\'password\']', function(e) {
		if (e.keyCode == 13) {
			$('#collapse-checkout-option #button-login').trigger('click');
		}
	});

	// tooltips on hover
	$('[data-toggle=\'tooltip\']').tooltip({container: 'body',trigger: 'hover'});

	// Makes tooltips work on ajax generated content
	$(document).ajaxStop(function() {
		$('[data-toggle=\'tooltip\']').tooltip({container: 'body'});
	});
});
function divcartul(){
	setTimeout(function () {
		$('.divshadow').addClass("show").addClass("open").addClass("divcart");
		$('.divshadow').empty();
		var divcart = $('body').find('#cart .dropdown-menu').html();
		if (divcart != null) {
			var parentcart = '<ul class="dropdown-menu">' + divcart + '</ul>';
			$('.divshadow').append(parentcart);
		}
		centering('.divshadow');
		$('.closecart').click(function() {
			deletedivcartul();
		});
		$(document).keydown(function(e) {
			if (e.keyCode == 27) {
				deletedivcartul();
			}
		});
		$(document).mouseup(function (e) {
			var container = $('body .divshadow.show');
			var containerfind = $('body').find('.divshadow.show').html();
			if (containerfind != null && container.has(e.target).length === 0) {
				
			}
		});
		$('body .divshadow').addClass('col-lg-offset-3 col-lg-6 col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10');
	}, 800);
}
$(document).keydown(function(e) {
	if (e.keyCode == 27) {
		deletedivcartul();
	}
});
function deletedivcartul(){
	$('.divshadow').removeClass("show");
	$('.divshadow').empty();
	bluring();
	$('.modal-bg').removeClass('show');
}
$(document).ready(function() {
	$('#cart > button').click(function() {
		divcartul();
		bluring();
	});
});
// Cart add remove functions
var cart = {
	'add': function(product_id, quantity) {
		$.ajax({
			url: 'index.php?route=checkout/cart/add',
			type: 'post',
			data: 'product_id=' + product_id + '&quantity=' + (typeof(quantity) != 'undefined' ? quantity : 1),
			dataType: 'json',
			beforeSend: function() {
				$('#button-cart').button('loading');
				$('.product-thumb' + product_id + ' .button-group p + button').button('loading');
				$('.product-thumb' + product_id).addClass('load');
				$('#cart > button').button('loading');
			},
			complete: function() {
				$('.product-thumb' + product_id + ' .button-group p + button').button('reset');
				$('#cart > button').button('reset');
			},
			success: function(json) {
				$('.alert, .text-danger').remove();

				if (json['redirect']) {
					location = json['redirect'];
				}

				if (json['success']) {
					$('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');

					// Need to set timeout otherwise it wont update the total
					setTimeout(function () {
						$('#cart > button').html('<strong class="text-left"><span id="cart-total" class="btn-block"> ' + json['total'] + '<span class="black"><i class="fa fa-chevron-down"></i></span></span></strong>');
					}, 100);

					$('#cart > ul').load('index.php?route=common/cart/info ul li');
					
					$('.product-thumb' + product_id).removeClass('load');
					
					setTimeout(function () {
						$('#cart > button').trigger('click');
					}, 500);
					
					$('.modal-bg').addClass('show');
				}
			},
			error: function(xhr, ajaxOptions, thrownError) {
				alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
			}
		});
	},
	'update': function(key, quantity) {
		$.ajax({
			url: 'index.php?route=checkout/cart/edit',
			type: 'post',
			data: 'key=' + key + '&quantity=' + (typeof(quantity) != 'undefined' ? quantity : 1),
			dataType: 'json',
			beforeSend: function() {
				$('#cart > button').button('loading');
			},
			complete: function() {
				$('#cart > button').button('reset');
			},
			success: function(json) {
				// Need to set timeout otherwise it wont update the total
				setTimeout(function () {
					$('#cart > button').html('<strong class="text-left"><span id="cart-total" class="btn-block"> ' + json['total'] + '<span class="black"><i class="fa fa-chevron-down"></i></span></span></strong>');
				}, 100);

				if (getURLVar('route') == 'checkout/cart' || getURLVar('route') == 'checkout/checkout') {
					location = 'index.php?route=checkout/cart';
				} else {
					$('#cart > ul').load('index.php?route=common/cart/info ul li');
				}
			},
			error: function(xhr, ajaxOptions, thrownError) {
				alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
			}
		});
	},
	'remove': function(key) {
		$.ajax({
			url: 'index.php?route=checkout/cart/remove',
			type: 'post',
			data: 'key=' + key,
			dataType: 'json',
			beforeSend: function() {
				$('#cart > button').button('loading');
			},
			complete: function() {
				$('#cart > button').button('reset');
			},
			success: function(json) {
				// Need to set timeout otherwise it wont update the total
				setTimeout(function () {
					$('#cart > button').html('<strong class="text-left"><span id="cart-total" class="btn-block"> ' + json['total'] + '<span class="black"><i class="fa fa-chevron-down"></i></span></span></strong>');
				}, 100);
				
				var now_location = String(document.location.pathname);

				if ((now_location == '/cart/') || (now_location == '/checkout/') || (getURLVar('route') == 'checkout/cart') || (getURLVar('route') == 'checkout/checkout')) {
					location = 'index.php?route=checkout/cart';
				} else {
					$('#cart > ul').load('index.php?route=common/cart/info ul li');
				}
				divcartul();
				$('.divcart').addClass("show");
			},
			error: function(xhr, ajaxOptions, thrownError) {
				alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
			}
		});
	}
}

var voucher = {
	'add': function() {

	},
	'remove': function(key) {
		$.ajax({
			url: 'index.php?route=checkout/cart/remove',
			type: 'post',
			data: 'key=' + key,
			dataType: 'json',
			beforeSend: function() {
				$('#cart > button').button('loading');
			},
			complete: function() {
				$('#cart > button').button('reset');
			},
			success: function(json) {
				// Need to set timeout otherwise it wont update the total
				setTimeout(function () {
					$('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');
				}, 100);

				if (getURLVar('route') == 'checkout/cart' || getURLVar('route') == 'checkout/checkout') {
					location = 'index.php?route=checkout/cart';
				} else {
					$('#cart > ul').load('index.php?route=common/cart/info ul li');
				}
			},
			error: function(xhr, ajaxOptions, thrownError) {
				alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
			}
		});
	}
}

var wishlist = {
	'add': function(product_id) {
		$.ajax({
			url: 'index.php?route=account/wishlist/add',
			type: 'post',
			data: 'product_id=' + product_id,
			dataType: 'json',
			success: function(json) {
				$('.alert').remove();

				if (json['redirect']) {
					location = json['redirect'];
				}

				if (json['success']) {
					$('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');
				}

				$('#wishlist-total span').html(json['total']);
				$('#wishlist-total').attr('title', json['total']);

				$('html, body').animate({ scrollTop: 0 }, 'slow');
			},
			error: function(xhr, ajaxOptions, thrownError) {
				alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
			}
		});
	},
	'remove': function() {

	}
}

var compare = {
	'add': function(product_id) {
		$.ajax({
			url: 'index.php?route=product/compare/add',
			type: 'post',
			data: 'product_id=' + product_id,
			dataType: 'json',
			success: function(json) {
				$('.alert').remove();

				if (json['success']) {
					$('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');

					$('#compare-total').html(json['total']);

					$('html, body').animate({ scrollTop: 0 }, 'slow');
				}
			},
			error: function(xhr, ajaxOptions, thrownError) {
				alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
			}
		});
	},
	'remove': function() {

	}
}

/* Agree to Terms */
$(document).delegate('.agree', 'click', function(e) {
	e.preventDefault();

	$('#modal-agree').remove();

	var element = this;

	$.ajax({
		url: $(element).attr('href'),
		type: 'get',
		dataType: 'html',
		success: function(data) {
			html  = '<div id="modal-agree" class="modal">';
			html += '  <div class="modal-dialog">';
			html += '    <div class="modal-content">';
			html += '      <div class="modal-header">';
			html += '        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>';
			html += '        <h4 class="modal-title">' + $(element).text() + '</h4>';
			html += '      </div>';
			html += '      <div class="modal-body">' + data + '</div>';
			html += '    </div';
			html += '  </div>';
			html += '</div>';

			$('body').append(html);

			$('#modal-agree').modal('show');
		}
	});
});

// Autocomplete */
(function($) {
	$.fn.autocomplete = function(option) {
		return this.each(function() {
			this.timer = null;
			this.items = new Array();

			$.extend(this, option);

			$(this).attr('autocomplete', 'off');

			// Focus
			$(this).on('focus', function() {
				this.request();
			});

			// Blur
			$(this).on('blur', function() {
				setTimeout(function(object) {
					object.hide();
				}, 200, this);
			});

			// Keydown
			$(this).on('keydown', function(event) {
				switch(event.keyCode) {
					case 27: // escape
						this.hide();
						break;
					default:
						this.request();
						break;
				}
			});

			// Click
			this.click = function(event) {
				event.preventDefault();

				value = $(event.target).parent().attr('data-value');

				if (value && this.items[value]) {
					this.select(this.items[value]);
				}
			}

			// Show
			this.show = function() {
				var pos = $(this).position();

				$(this).siblings('ul.dropdown-menu').css({
					top: pos.top + $(this).outerHeight(),
					left: pos.left
				});

				$(this).siblings('ul.dropdown-menu').show();
			}

			// Hide
			this.hide = function() {
				$(this).siblings('ul.dropdown-menu').hide();
			}

			// Request
			this.request = function() {
				clearTimeout(this.timer);

				this.timer = setTimeout(function(object) {
					object.source($(object).val(), $.proxy(object.response, object));
				}, 200, this);
			}

			// Response
			this.response = function(json) {
				html = '';

				if (json.length) {
					for (i = 0; i < json.length; i++) {
						this.items[json[i]['value']] = json[i];
					}

					for (i = 0; i < json.length; i++) {
						if (!json[i]['category']) {
							html += '<li data-value="' + json[i]['value'] + '"><a href="#">' + json[i]['label'] + '</a></li>';
						}
					}

					// Get all the ones with a categories
					var category = new Array();

					for (i = 0; i < json.length; i++) {
						if (json[i]['category']) {
							if (!category[json[i]['category']]) {
								category[json[i]['category']] = new Array();
								category[json[i]['category']]['name'] = json[i]['category'];
								category[json[i]['category']]['item'] = new Array();
							}

							category[json[i]['category']]['item'].push(json[i]);
						}
					}

					for (i in category) {
						html += '<li class="dropdown-header">' + category[i]['name'] + '</li>';

						for (j = 0; j < category[i]['item'].length; j++) {
							html += '<li data-value="' + category[i]['item'][j]['value'] + '"><a href="#">&nbsp;&nbsp;&nbsp;' + category[i]['item'][j]['label'] + '</a></li>';
						}
					}
				}

				if (html) {
					this.show();
				} else {
					this.hide();
				}

				$(this).siblings('ul.dropdown-menu').html(html);
			}

			$(this).after('<ul class="dropdown-menu"></ul>');
			$(this).siblings('ul.dropdown-menu').delegate('a', 'click', $.proxy(this.click, this));

		});
	}
})(window.jQuery);

Вхід

ссылки в мобильной версии сайта в главном меню (добавить/убрать)

Recommended Posts

qwadro

Надіслати

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

qwadro

Надіслати

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

qwadro

Надіслати

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

qwadro

Надіслати

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

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Схожі публікації

[Поддержка] ABTN 1.2 — pop-up навигатор

Нужно меню внизу страницы

Верстка мобильного меню Шаблон Revolution

ABTN 1.2 — pop-up навигатор

ocStore 2.1.0.2.1. Не открывается бургер мобильного меню на смартфонах

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

Покупцям

Розробникам

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

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

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

ocStore

Шаблони

Important Information