<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="container" style="position: fixed;top: 0;left: 0;">
<ul class="menu-box">
<li class="item"><a href="#test1" class="link">1 item</a></li>
<li class="item"><a href="#test2" class="link">2 item</a></li>
</ul>
</div>
<div id="test1" style="margin: 100px ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate beatae excepturi porro quibusdam animi ea enim, esse aliquid laboriosam sapiente accusamus quis, eos architecto! Ratione praesentium eos fugit maxime est facere, exercitationem, quam numquam rerum soluta assumenda mollitia quas molestias iusto, velit facilis. Deleniti error veritatis beatae numquam culpa at repellat, quis quibusdam eligendi hic rerum odit, enim quae ad aut sunt aliquid? Beatae optio, cumque saepe possimus dolor ullam blanditiis voluptatem assumenda ipsum, nesciunt nobis voluptate. Et, repudiandae eveniet suscipit dolore aliquam. Sed saepe non aperiam beatae nemo perspiciatis nam, sapiente quis maxime impedit rerum esse amet unde nobis?</div>
<div id="test1" style="margin: 100px ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate beatae excepturi porro quibusdam animi ea enim, esse aliquid laboriosam sapiente accusamus quis, eos architecto! Ratione praesentium eos fugit maxime est facere, exercitationem, quam numquam rerum soluta assumenda mollitia quas molestias iusto, velit facilis. Deleniti error veritatis beatae numquam culpa at repellat, quis quibusdam eligendi hic rerum odit, enim quae ad aut sunt aliquid? Beatae optio, cumque saepe possimus dolor ullam blanditiis voluptatem assumenda ipsum, nesciunt nobis voluptate. Et, repudiandae eveniet suscipit dolore aliquam. Sed saepe non aperiam beatae nemo perspiciatis nam, sapiente quis maxime impedit rerum esse amet unde nobis?</div>
<div style="margin: 100px ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate beatae excepturi porro quibusdam animi ea enim, esse aliquid laboriosam sapiente accusamus quis, eos architecto! Ratione praesentium eos fugit maxime est facere, exercitationem, quam numquam rerum soluta assumenda mollitia quas molestias iusto, velit facilis. Deleniti error veritatis beatae numquam culpa at repellat, quis quibusdam eligendi hic rerum odit, enim quae ad aut sunt aliquid? Beatae optio, cumque saepe possimus dolor ullam blanditiis voluptatem assumenda ipsum, nesciunt nobis voluptate. Et, repudiandae eveniet suscipit dolore aliquam. Sed saepe non aperiam beatae nemo perspiciatis nam, sapiente quis maxime impedit rerum esse amet unde nobis?</div>
<div id="test2" style="margin: 100px ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate beatae excepturi porro quibusdam animi ea enim, esse aliquid laboriosam sapiente accusamus quis, eos architecto! Ratione praesentium eos fugit maxime est facere, exercitationem, quam numquam rerum soluta assumenda mollitia quas molestias iusto, velit facilis. Deleniti error veritatis beatae numquam culpa at repellat, quis quibusdam eligendi hic rerum odit, enim quae ad aut sunt aliquid? Beatae optio, cumque saepe possimus dolor ullam blanditiis voluptatem assumenda ipsum, nesciunt nobis voluptate. Et, repudiandae eveniet suscipit dolore aliquam. Sed saepe non aperiam beatae nemo perspiciatis nam, sapiente quis maxime impedit rerum esse amet unde nobis?</div>
<div style="margin: 100px ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate beatae excepturi porro quibusdam animi ea enim, esse aliquid laboriosam sapiente accusamus quis, eos architecto! Ratione praesentium eos fugit maxime est facere, exercitationem, quam numquam rerum soluta assumenda mollitia quas molestias iusto, velit facilis. Deleniti error veritatis beatae numquam culpa at repellat, quis quibusdam eligendi hic rerum odit, enim quae ad aut sunt aliquid? Beatae optio, cumque saepe possimus dolor ullam blanditiis voluptatem assumenda ipsum, nesciunt nobis voluptate. Et, repudiandae eveniet suscipit dolore aliquam. Sed saepe non aperiam beatae nemo perspiciatis nam, sapiente quis maxime impedit rerum esse amet unde nobis?</div>
<div style="margin: 100px ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate beatae excepturi porro quibusdam animi ea enim, esse aliquid laboriosam sapiente accusamus quis, eos architecto! Ratione praesentium eos fugit maxime est facere, exercitationem, quam numquam rerum soluta assumenda mollitia quas molestias iusto, velit facilis. Deleniti error veritatis beatae numquam culpa at repellat, quis quibusdam eligendi hic rerum odit, enim quae ad aut sunt aliquid? Beatae optio, cumque saepe possimus dolor ullam blanditiis voluptatem assumenda ipsum, nesciunt nobis voluptate. Et, repudiandae eveniet suscipit dolore aliquam. Sed saepe non aperiam beatae nemo perspiciatis nam, sapiente quis maxime impedit rerum esse amet unde nobis?</div>
<div style="margin: 100px ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate beatae excepturi porro quibusdam animi ea enim, esse aliquid laboriosam sapiente accusamus quis, eos architecto! Ratione praesentium eos fugit maxime est facere, exercitationem, quam numquam rerum soluta assumenda mollitia quas molestias iusto, velit facilis. Deleniti error veritatis beatae numquam culpa at repellat, quis quibusdam eligendi hic rerum odit, enim quae ad aut sunt aliquid? Beatae optio, cumque saepe possimus dolor ullam blanditiis voluptatem assumenda ipsum, nesciunt nobis voluptate. Et, repudiandae eveniet suscipit dolore aliquam. Sed saepe non aperiam beatae nemo perspiciatis nam, sapiente quis maxime impedit rerum esse amet unde nobis?</div>
<div style="margin: 100px ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate beatae excepturi porro quibusdam animi ea enim, esse aliquid laboriosam sapiente accusamus quis, eos architecto! Ratione praesentium eos fugit maxime est facere, exercitationem, quam numquam rerum soluta assumenda mollitia quas molestias iusto, velit facilis. Deleniti error veritatis beatae numquam culpa at repellat, quis quibusdam eligendi hic rerum odit, enim quae ad aut sunt aliquid? Beatae optio, cumque saepe possimus dolor ullam blanditiis voluptatem assumenda ipsum, nesciunt nobis voluptate. Et, repudiandae eveniet suscipit dolore aliquam. Sed saepe non aperiam beatae nemo perspiciatis nam, sapiente quis maxime impedit rerum esse amet unde nobis?</div>
<div style="margin: 100px ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate beatae excepturi porro quibusdam animi ea enim, esse aliquid laboriosam sapiente accusamus quis, eos architecto! Ratione praesentium eos fugit maxime est facere, exercitationem, quam numquam rerum soluta assumenda mollitia quas molestias iusto, velit facilis. Deleniti error veritatis beatae numquam culpa at repellat, quis quibusdam eligendi hic rerum odit, enim quae ad aut sunt aliquid? Beatae optio, cumque saepe possimus dolor ullam blanditiis voluptatem assumenda ipsum, nesciunt nobis voluptate. Et, repudiandae eveniet suscipit dolore aliquam. Sed saepe non aperiam beatae nemo perspiciatis nam, sapiente quis maxime impedit rerum esse amet unde nobis?</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function() {
var onScroll;
onScroll = function(e) {
var $nav_items, active_cls, scrollPos;
scrollPos = $(document).scrollTop() + 91;
$nav_items = $('.menu-box').find('.link');
active_cls = '-active';
return $nav_items.each(function() {
var $refElement, refElement_height;
$refElement = $($(this).attr('href'));
refElement_height = $refElement.height() + parseInt($refElement.css('paddingBottom')) + parseInt($refElement.css('paddingTop'));
if ($refElement.length) {
if ($refElement.offset().top <= scrollPos && $refElement.offset().top + refElement_height > scrollPos) {
$nav_items.removeClass(active_cls);
return $(this).addClass(active_cls);
} else {
return $(this).removeClass(active_cls);
}
}
});
};
$(document).on('scroll', onScroll);
$('.menu-box').find('.link').click(function(e) {
var $item, $nav, href, navHeight;
e.preventDefault();
$(document).off('scroll');
$item = $(e.target);
$item.addClass('-active');
$item.parent().siblings().find('.link').removeClass('-active');
href = $item.attr('href');
$nav = $('.container');
navHeight = $nav.height() + parseInt($nav.css('paddingTop')) + parseInt($nav.css('paddingBottom'));
return $('html, body').animate({
scrollTop: $(href).offset().top - navHeight
}, 1000, 'swing', function() {
return $(document).on('scroll', onScroll);
});
});
});
</script>
<style>
.-active{
background-color: #333;
}
ul > li{
display: inline-block;
}
</style>
</body>
</html><div class="container">
<ul class="menu-box">
<li class="item"><a href="#test1" class="link">1 item</a></li>
<li class="item"><a href="#test2" class="link">2 item</a></li>
</ul>
</div><script>
$(function() {
var onScroll;
onScroll = function(e) {
var $nav_items, active_cls, scrollPos;
scrollPos = $(document).scrollTop() + 91;
$nav_items = $('.menu-box').find('.link');
active_cls = '-active';
return $nav_items.each(function() {
var $refElement, refElement_height;
$refElement = $($(this).attr('href'));
refElement_height = $refElement.height() + parseInt($refElement.css('paddingBottom')) + parseInt($refElement.css('paddingTop'));
if ($refElement.length) {
if ($refElement.offset().top <= scrollPos && $refElement.offset().top + refElement_height > scrollPos) {
$nav_items.removeClass(active_cls);
return $(this).addClass(active_cls);
} else {
return $(this).removeClass(active_cls);
}
}
});
};
$(document).on('scroll', onScroll);
$('.menu-box').find('.link').click(function(e) {
var $item, $nav, href, navHeight;
e.preventDefault();
$(document).off('scroll');
$item = $(e.target);
$item.addClass('-active');
$item.parent().siblings().find('.link').removeClass('-active');
href = $item.attr('href');
$nav = $('.container');
navHeight = $nav.height() + parseInt($nav.css('paddingTop')) + parseInt($nav.css('paddingBottom'));
return $('html, body').animate({
scrollTop: $(href).offset().top - navHeight
}, 1000, 'swing', function() {
return $(document).on('scroll', onScroll);
});
});
});
</script><link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script><script>
$(document).ready(function(){
$('.your-class').slick({
setting-name: setting-value
});
});
</script><?php echo $customer_group; ?> в catalog/view/theme/.../template/mail/order.tpl , сделал заказ, но в письме название группы не выводится, пустота... Незарегистрированных пользователей не бывает, магазин закрытый, доступ выдаем только определенным клиентам.