Тимур Худиев

Блюр фона проще всего сделать через дополнительную прослойку. Только нужно разметку подготовить для этого

Тут можно глянуть принцип таких переходов

Использовать старый добрый pjax или barba js)

Попробуйте событие touchstart

В основном механизм завязан не сколько на переход, сколько на замену контента. Т.е у вас на каждой странице есть блок с id="page". Вы по нажатию на ссылку, идете по адресу на другую страницу (читай файл) и забираете разметку из такого же id page. Вставляете ее на текущую страницу. И параллельно с этим меняете историю браузера используя History api. Это в общих чертах принцип работы. Но сразу скажу что не смотря на кажущуюся простоту очень много нюансов возникнет именно с историей. Можно использовать для этого готовые инструменты такие как barba js или swup js

Вычислять высоту блока с текстом и если превышает, то показывать кнопку. И в стилях прописать максимальную высоту и overflow: hidden. По кнопке отменять максимальную высоту.

В добавок к localStorage, если используете php то можно в сессиях хранить

init() нужно в конструктор класса поместить. Этот метод просто не запускается и поэтому обработчик клика тоже не подвешивается

У меня так же все нормально в примере, но попробуйте элементу с фиксированным позиционированием добавить left: 0и right: 0

Регулярным выражением. Готовое можно найти, если не умеете их писать

Начни с меньшей версии. Расставь в том порядке, в котором они буду на меленьком экране. Потом увеличь до SM и используя col-sm-push- и col-sm-pull- измени местоположение. И так же сделай с разрешением MD и LG

Где то я эти картинки видел уже) Сделай их как backgroun-image и background-size: cover. А то расплывается сильно

var ofers_more = $("#ofers-button-more-mat-des");
	var ofers_page = 1;
	var ofers_container = $(".sliderRightBlock");
	
	ofers_more.on("click", function(){
			ofers_page++;
			get_more_ofers(ofers_page);
	});

function get_more_ofers(ofers){
    $.ajax({
      type:"GET",
      url:"../lib/product-ofers.php",
      data:"ofers="+ofers,
      success:function(data){
        if(data){
          alert(data);
          $(data).appendTo($(".sliderRightBlock"));
        }
      //ofers_rub_block = false;
      }
    });
  }