да написали. там js больше чем верстка.
Для стилизации форм порекомендую лучше это dimox.github.io/jQueryFormStyler/demo/#select
немного сss и такой же список получится из селекта зато валидно и без дополнительной обработки полей. Хотя там всякие ангуляр и реакт есть, круто конечно хрен поймешь где ссылка, где кнопка все дивами верстается так проще :)
Вообще это хрень какая-то. Без JS здесь никак Да и с ним логика перестройки блоков не очень понятна либо только для конкретной последовательности. Короче какой-то конь в ваккуме :)
Это не по семантике так использовать теги.
В твоем примере это так как выглядит визуально, но оыень не факт что так будет верно с точки зрения семантики. header например может быть штук сто на странице..... сайдбар на 99% сайтов нефига не aside.
а вообще никто толком не знает как использовать правильно теги.
вариантов сотни.
при клике на ссылку-якорь вызывать функцию которая ставит на нужный инпут
отслеживать скролл и при определенных значениях ставить фокус у инпута..........
Ни вопрос, ни код без бутылки прочитать нельзя. Понятно что есть одно состояние. кнопка 2 его должно обнулять. то что творится в коде это жесть. В принципе неправильный подход
К примеру
$(".box.tea_set.box-pack-120").fadeIn();
$(".box.tea_set.box-pack-250").fadeOut();
а если позиций будет 10?
это вешает обработчик событий, который ничего не делает $(".size120 .tea a.minus").on('click');
Ну как бы шопкипер и создан для этого как и минишоп. В чем избыточность не очень понятно. Если не нужна корзина не выводите ее в шаблоне. Фильтры еще дополнение msearch2 или tagmanager каждый под свое решение. Ну или все писать самому...