iBird Rose

https://github.com/odeskconf/guide

Многие пишут про PHP или WordPress но вместе с тем руагют эти технологии или открыто называют их Г...

зайди и посмотри заказы на апворке. раз туда хочешь. там каждый пятый заказ верстка+натяжка на вордпресс. делай выводы сам.

https://codepen.io/anon/pen/PWJeEJ?editors=1100#0

тому relative который должен быть сзади задать z-index: 1; а тому который спереди z-index: 2;

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

$(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 ) {
	//код
}

if() {
$('body').append(`
<div id="banner_u">
        <div id="banner_n">
        Загрузка...
    </div>
</div>
`);
(function(){
                    //тут некая функция...
            })();
} else {

}

ниче не понял по рассказу - но попробуй так:

$(document).on("click", "a.fancybox.pop-wrap", function() {
	  $("#fancybox-wrap").addClass("pop-wrap");
	});
	/* проблемный кусок */
	$(document).on("click", "div#fancybox-overlay", function() {
	  $("#fancybox-wrap").removeClass("pop-wrap");
	});
	/* ----*/
	$(document).on("click", "a#fancybox-close", function() {
	  $("#fancybox-wrap").removeClass("pop-wrap");
	});