iBird Rose

навесь на кнопки переключения обновление слайдера

$('.index-page-menu ul li a').on('click', function() {
	$('.products-slider').slick('setPosition');
});

var elemCount = $('.thumbs > div').length;

UPD:

var elemCount  = document.getElementsByClassName("thumbs")[0].childElementCount;
console.log(elemCount);

$('[fa=3]')

делаешь все шрифты на сайте через em. а у body - через px. потом при уменьшении экрана - меняешь у body font-size. итого шрифты будут уменьшаться везде.

timeago.yarp.com

https://jsfiddle.net/qwqwdmt6/1/

https://jsfiddle.net/6ztkf8r0/

document.getElementsByClassName('container')[0].style.display = "none";

все должно работать. мб ошибся где то в классах или id
https://jsfiddle.net/qq6sgfvr/

p.s. а вообще у бутсрапа есть атрибут для закрытия модалки data-dismiss="modal"
добавь его в ссылку и js код писать не придется

бинди вот это при открытии окна. только именно при открытии модалки. чтобы не висел клик везде и всегда

$(document).click( function(event){
		if(( $(event.target).closest("#container-system .popup-cart").length ))
		return;
		$('#container-system .popup-cart').fadeOut();
		event.stopPropagation();
	});

я не знаю как ты настроил эти элементы. но нужно оперировать табами в js через метод show getbootstrap.com/javascript/#tabs-methods
я бы это реализовал методом взятия index() у активного таба, потом сделав +1 или -1 в соответствии с нажатой кнопкой - вызвал бы show у нужного таба.

чтобы скрипт выполнялся только если мы на той странице:

if ( $('блок который нужно проверить').length > 0 ) {
	//тут выполняешь скрипт
}

проверка размера экрана

if ( $(window).width() > 768 ) {
	//код
}