Как проверить на главной ли странице мы находимся

PHP
1
2
3
4
5
6
7
<?/* Если мы находимся на главной */?>
<? if ($APPLICATION->GetCurPage(false) === '/'): ?>
<? endif; ?>
 
<?/* Если мы НЕ находимся на главной */?>
<? if ($APPLICATION->GetCurPage(false) !== '/'): ?>
<? endif; ?>

Если нужно для всех подразделов то выводим

PHP
1
2
<? if (CSite::InDir('/catalog/')): ?>
<? endif;?>

 

Вывод логотипа

PHP
1
2
3
4
5
<? if ( strpos($_SERVER['REQUEST_URI'], '/en/') !== false ): ?>
<a href="/en/"><img alt="" src="<?=SITE_TEMPLATE_PATH?>/img/logo.png"></a>
<? else:?>
<a href="/"><img alt="" src="<?=SITE_TEMPLATE_PATH?>/img/logo.png"></a>
<? endif;?>

 

Яндекс карта

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
    //Яндекс карта
    ymaps.ready(init);
    var myMap,
    myPlacemark;
var url = window.location.href;
    function init() {
        myMap = new ymaps.Map("map", {
            center: [55.671430748567694,37.52710115214534],
            zoom: 17,
            controls: ['zoomControl']
        });
 
        myPlacemark = new ymaps.Placemark([55.67140649509917,37.52322804232784], {
            balloonContentHeader: '<b>г. Москва</b>',
            balloonContentBody: 'Лениниский проспект 97 корп. 1.<br /><hr><b class="pr-12">Помещение школы 1311</b>',
        }, {
            // Опции.
            // Необходимо указать данный тип макета.
            iconLayout: 'default#image',
            // Своё изображение иконки метки.
            iconImageHref: url+'/wp-content/themes/kursmaster/img/metka.png',
            // Размеры метки.
            iconImageSize: [36, 62],
            // Смещение левого верхнего угла иконки относительно
            // её "ножки" (точки привязки).
            iconImageOffset: [50, -90]
        });
 
        myMap.geoObjects.add(myPlacemark);
        myMap.behaviors.disable('scrollZoom');
    }

 

Плавная прокрутка

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
    //Плавная прокрутка
    var linkNav = document.querySelectorAll('[href^="#block-"]'),
        V = 0.3; // скорость, может иметь дробное значение через точку
        for (var i = 0; i < linkNav.length; i++) {
            linkNav[i].addEventListener('click', function(e) {
                e.preventDefault();
            var w = window.pageYOffset, // прокрутка
            hash = this.href.replace(/[^#]*(.*)/, '$1'); // id элемента, к которому нужно перейти
            t = document.querySelector(hash).getBoundingClientRect().top, // отступ от окна браузера до id
            start = null;
            requestAnimationFrame(step); // подробнее про функцию анимации [developer.mozilla.org]
            function step(time) {
                if (start === null) start = time;
                var progress = time - start,
                r = (t < 0 ? Math.max(w - progress / V, w + t) : Math.min(w + progress / V, w + t));
                window.scrollTo(0, r);
                if (r != w + t) {
                    requestAnimationFrame(step)
                } else {
                    //location.hash = hash // URL с хэшем
                }
            }
        }, false);
        }

 

Скролинг

JavaScript
1
2
3
4
5
6
7
8
//
$(window).scroll(function(){
   if ( $(window).scrollTop() >= 300 ){
      $('.up').addClass('active');
   }else {
  $('.up').removeClass('active');
   }
});

 

Плавное подчёркивание ссылки при наведении

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
a {
    line-height: 1;
    display: inline-block;
    color:#ffeb3b;
    text-decoration:none;
    cursor: pointer;
}
a:after {
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    background-color: #ffeb3b;
    transition: width .3s ease-in-out;
}
a:hover:after,
a:focus:after {
    width: 100%;
}