Aricus

Создать переменную-метку, чтобы она позволяла вращаться только один раз.

let rotated = false;
if ($(this).scrollTop() > $(".section_main").offset().top && !rotated) {
    mob_head.style.transform = "rotate(-"+window.pageYOffset / 40 +"deg)";
    rotated = true;
}

Кроме того, нужно заменить id на класс (id может быть только один), и задать для каждого элемента свою метку в цикле .each

Данные в ajax нужно отправлять не в том формате.
data: {subtotal:subtotal}

https://jsfiddle.net/vLp38b5j/
Проще хранить нужное значение в data-атрибуте, так как тогда можно просто добавить новую кнопку без изменения js. Но если важно сохранить эти значения в js, лучше было бы сделать объект, где ключ - html кнопки. Но главная ваша ошибка в том, что вы в цикле вешали все анимации на каждую кнопку вместо того, чтобы узнать, какая из анимаций вам нужна.

Есть два варианта. Первый - воспользоваться каким-нибудь конструктором квиза, ведь, по сути, это он. Второй - прописать всё ручками.
Каждая кнопка - это post-форма, можно на ту же страницу. В hidden-поле нужно записать ответ, а номер стадии лучше передать в url (чтобы можно было вернуться к предыдущей стадии просто по ссылке). Сама кнопка - submit. Ответы на прошлые вопросы лучше записывать в cookie. В зависимости от этих данных формируются новые формы. А в конце вместо форм - конечные результаты.

Скорее всего, вы пытаетесь провести эту операцию до того, как этот элемент вообще появляется в DOM. Если яндекс карты добавляются через html, достаточно обернуть

window.onload = function() {
   // Ваш скрипт
};

Вообще, обычно этим оборачивают весь код js, кроме классов и функций.
Если же яндекс карты загружаются через js, нужно отслеживать их появление в DOM:

$(elem).on("DOMNodeInserted", function (event) { /* ваш код */ });

Чтобы передать данные с фронтенда на бекэнд, используйте jquery + ajax. При подготовке данных к отправке, вы можете извлечь кусок html кода из самой страницы (если я правильно понял).
Далее вы на сервере можете обработать эти данные в php, в том числе провести все манипуляции с файлом txt.
В результате обработки выведите на страницу (echo '';), тот текст который получит jquery. В зависимости от него, выведите пользователю соответствующее сообщение.

Нужно найти текущий слайдер, и все манипуляции делать среди его потомков.

let thisSlider = $(this).parents('.slider'); // Или какой там класс: в вашей вёрстке сложно разобраться.

thisSlider.find('.tab').removeClass('active');

document.querySelector('[name="sum"]').value

Чтобы отправить из js в базу данных:
js -> ajax с переменными -> файл php -> БД.
Чтобы отправить из базы данных в js:
страница -> script -> написать переменные в js.
Чтобы запросить данные из БД по ajax:
js -> ajax -> файл php, выдающий данные из БД (строка, или JSON) -> обработка результата ajax.

Вопрос слишком общий. На каком именно этапе возникают проблемы?

Нужно добавить блок полосы, нулевой высоты добавить высоту в transition. При скролле в js добавлять к ней класс с нужной высотой, и убирать его через некоторое время setTimeout. Ещё нужно будет добавить метку, чтобы при нескольких последовательных скроллах не происходил сбой в работе.

Не особо хочется разбираться в логике, но, судя по

@media (max-width: 992px)
.d-tabs > ul > li:not(.init) {
    display: none;
}

при клике на "Выбрать категорию", им должен присваиваться класс .init, на что в JS нет и намёка. По крайней мере один уровень (разворачивание списка категорий) можно сделать на чистом CSS, без JS, вот пример.

Сдаётся мне, у них достаточно просто убрать [data-cat], чтобы они показывались всегда. Но это не лучший вариант с точки зрения расширяемости. Ну или просто расширить уже имеющийся фильтр:

if (cat == $(this).data("cat") || $(this).data("cat") == 'unisex') {

Сложный вопрос. Вот бы кто-то подсказал...

Честно говоря, не понимаю, как получился даже такой результат. У вас цикл $('.select__control option') внутри такого же цикла, хотя должен быть внутри цикла уменьшения размера строки. Я бы написал примерно так (за отсутствие ошибок не ручаюсь). Кстати, лучше использовать let вместо var, чтобы объявлять переменную только внутри области видимости, а не глобально.

$('#zip_code').on( "input", function() {
                let zip = $(this).val().toUpperCase();
                outer: while (zip.length > 2) { // outer - метка для прерывания. Если длина маленькая, цикл вообще не запустится.
                    $('.select__control option').each(function(){ // Тут - уже ваш цикл
                        let group = $(this).text();
                        if (group==zip) {
                    	    $(this).prop('selected', true).trigger('change');
                    	    break outer; // Если есть совпадение, цикл прерывается
                        }
                    });
                    zip = zip.substring(0, zip.length - i); // Уменьшаем на один символ длину строки поиска и запускаем цикл по новой
                }
            });

success: function (data) {
               ...
               alert(data);
            }

Тут вы выводите в alert html-код ajax-страницы.
То есть, причина находится в php страницы php-scripts/my-pageHandler.php : почему-то после выполнения функции он выводит что-то ещё.

Вот в документации. Если не понятно что-то конкретное, уточните вопрос.