archelon

По последним исследованиям выявлены явные зависимости от количества посещений сайта и от количества страниц в индексе. Чем больше посещений и чем больше страниц в индексе, тем выше средний ИКС.

Из этого следует что для высокого ИКСа нужно растить посещалку всеми методами и вгонять в индекс как можно больше страниц.

Ух. Ну как-бы с такой постановкой задачи и не стоит рассчитывать на качественных фрилансеров.

1. Ваша формулировка "Есть два шаблона с TemplateMonster на какой сам сядешь, на какой клиента посадишь нужно добавить в первый функционал из второго", - по сути, если делать нормально это "нарисуйте и сверстайте новый дизайн по мотивам двух предыдущих".
Как бы это работа для 2х разных людей: дизайнера и верстальщика.
По факту они не сочетаются в одном человеке практически никогда.

2. Без обид, но в задаче на fl очень сумбурное изложение - много всякой мелкой конкретики, каких-то специфических требований к валидации и комментированию - но при этом нет в тексте собственно ТЗ на функционал интернет магазина.
"Сделайте как в том шаблоне" - это не ТЗ. "Сделайте как в том шаблоне" - это отправная вводная для не маленькой работы продуктового аналитика, но таких я на фрилансе не встречал ни за какие деньги.

Грамотному исполнителю такая постановка вопроса говорит о том, что у Вас есть какое-то своё видение и либо Вас нужно будет адски брифовать, либо от Вас будет миллион правок.

3. Бюджет.
У меня есть адекватные верстальщики которые быстро и качественно верстают. Стоимость верстки с нуля одной страницы у них начинается с цифры большей, чем Ваш проект целиком (ни разу не хочу Вас обидеть).
Да, у меня завышенные требования и к качеству, и к скорости, - но в любом случае исследование чужого кода с внесением правок задача заведомо более сложная чем сверстать с нуля.

ИТОГО
Если хотите хорошего вменяемого результата, разбейте задачу на две:
1. Нарисовать дизайн по мотивам первого шаблона.
Подробно опишите конкретный список страниц, конкретный функционал, конкретные изменения.
2. Сверстать новый дизайн.

Эм. Типа такого?

<?php $array = range(1, 10);?>
<table>
<?php foreach($array as $number) :?>
	<tr>
		<td><?= $number ?></td>
		<td><?= $number * 2 ?></td>
	</tr>
<?php endforeach; ?>
</table>

Используйте css, вам здесь скрипты не нужны:

.quadmenu-item {
    background-color: #000;
    
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear;
    -webkit-transition-delay: 5s;
    transition-delay: 5s;
}

.quadmenu-item:hover {
    background-color: #f00;

    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

У вас странно сформулирован вопрос.

Если вам нужно по клику изменить класс у родительского элемента .start:
1) находите нужного родителя $(this).closest('.parent-class')
2) меняете класс через .removeClass(), .addClass(), .toggleClass()

Если вам нужно, чтобы по клику на .start у .body убирался overflow: hidden

$('.start').on('click', function () {
  $('.body').css('overflow', '');
});

Если вам нужно, чтобы по клику на .start у .body убирался style

$('.start').on('click', function () {
  $('.body').removeAttr('style');
});

Если вам нужно убрать style по условию

$(function () {
  $('.start').on('click', function () {
    if ($('.body').css('overflow') === 'hidden') {
      $('.body').removeAttr('style');
    }
  });
});

$('.click-to-remove-class').click() {
  $($(this).data('selector-where-to-remove-class')).removeClass('d-none');
}

<a href='#' id='novosib-button' class='click-to-remove-class' data-selector-where-to-remove-class = '#novosib-city'>
  Click here
</a>
<div id='novosib-city' class='d-none'>...</div>

idangero.us/swiper он идеален. Есть всё, что только может понадобится, в т.ч. вертикальный скролл

Можно как то так: