Перейти к содержанию
qwadro

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

Рекомендуемые сообщения

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

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

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

 

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

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

 

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

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

 

сайт https://growmarket.org

 

001.jpg

001.jpg

 

 вот 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 } ?>

 

Изменено пользователем qwadro

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ап!

Изменено пользователем qwadro

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

кто Вам сказал что это должно быть пренепременно тут? а может это подгружается ocmod, а может дополнительным модулем 
ищите где у Вас блок с
 

#nav_bg

а там смотрите код вывода статей... и возможно прийдется прописать условие (если не дай бог там просто не прописаны "живые" ссылки)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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);

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От M4U
      600 RUB
      View File


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

       
      АБТН - это модуль который представляет собой всплывающие (по клику) аккордеон меню с отредактированной в админ панели навигацией по  вашему интернет магазина.
      АБТН оригинальный модуль в своем классе с привлекательным дизайном, уникальными функциями и легким - интуитивным управлением. Модуль работает под системой управления OpenCart версии 2.0.0.0. - 3.0.2.0.
       
      ОСОБЕННОСТИ:
        Произвольные вкладки.

       
            История посещенных страниц, которые присутствуют в списке меню.

       
          Изменение ширины меню в фронтенд.

       
             Поиск по списку меню.

       
          Интегрируется в любой дизайн не нарушая его стиль и структуру.
       
              Работает с любым устройством и браузером с поддержкой JavaScript.
       
          Удобная навигация на ПК так и на мобильных устройствах.
       
              Лёгкость управления.
       
          Привлекательный дизайн.
       
              Три уровня категорий.
       
          Две локализации: Русская и Английская.
       

       

       
       
       
       







      Submitter M4U Submitted 04/16/2018 Category Модули Системные требования PHP версия не ниже 5.3 Сайт разработчика http://modul.co.ua Старая цена 1200 Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось  
    • От M4U
      АБТН - это модуль который представляет собой всплывающие (по клику) аккордеон меню с отредактированной в админ панели навигацией по  вашему интернет магазина.
      АБТН оригинальный модуль в своем классе с привлекательным дизайном, уникальными функциями и легким - интуитивным управлением. Модуль работает под системой управления OpenCart версии 2.0.0.0. - 3.0.2.0.
       
      ОСОБЕННОСТИ:
        Произвольные вкладки.

       
            История посещенных страниц, которые присутствуют в списке меню.

       
          Изменение ширины меню в фронтенд.

       
             Поиск по списку меню.

       
          Интегрируется в любой дизайн не нарушая его стиль и структуру.
       
              Работает с любым устройством и браузером с поддержкой JavaScript.
       
          Удобная навигация на ПК так и на мобильных устройствах.
       
              Лёгкость управления.
       
          Привлекательный дизайн.
       
              Три уровня категорий.
       
          Две локализации: Русская и Английская.
       

       

       
       
       
       







    • От Power88
      Добрый день! Столкнулся с проблемой работы мобильного меню на ocStore 2.1.0.2.1. При заходе на сайта с мобильного устройства бурег меню не реагирует на клик, в то время как остальные элементы работают. Если зайти с пк и поставить небольшое разрешения, то меню бургер открывается. Может кто-то встречал данную проблему?
       
       
      Проект пока в разработке. Вот ссылка: http://platinum-shop.ru. 
       
      Скриншот

       
      Еще есть второй вопрос: как можно вынести в футер номер телефона, чтобы он отображался в мобильной версии?
    • От dsadasdasd
      Всем доброго времени суток. Возникла следующая проблема, не знаю как решить.
      Суть вопроса: В общем, на мобильной версии сайта меню раскрывается только тогда, когда нажимаешь на кнопку( смотреть 2 изображение), а когда нажимаешь по надписи "Категории"(смотреть 1 изображение) то меню не открывается и не происходит никаких действий. 
      Хотел бы у вас спросить, как сделать так, чтобы при нажатии "Категории" происходило тоже действие, что и при нажатии на кнопку, а именно выпадало меню..
      Спасибо заранее за уделённое время данной проблеме!


    • От voron53
      Всем привет. 
      Наблюдаю на opencarte в мобильном меню открытии подкатегории только вниз. Интересует есть ли модуль, который позволит открывать на мобильном подкатегории слайдером или каруселью, не знаю как правильно написать.Такое меню, на мобильном юзать очень удобно. Буду признателен за инфу или ссылочку. Скрины примера прилагаю.



  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.