Froggyweb

Ищи по запросу scrollspy

Добавить data атрибут с ид в вывод списка товаров. Дальше - js

Так же как обычно[[~[[*id]]]]

поза неправильная

А что вы сделали для того чтобы она была на всю ширину экрана?

Написать css анимацию на активный слайд

img {
vertical-align: top;
}

$(document).on('load', function());?

WOW.js для отслеживания находится ли объект в области видимости

Не стоит делать такие каскады с каждой страницей перебить их будет все труднее. Я уже молчу про поддержку

Sexy js наверняка есть такой

Адаптивная версия делается на css
отдельная мобильная - на js можно определить браузер и дальше на сервере отдавать нужную версию

вообще странный интерфейс. При клике на подпись вылазит какой то левый модал. чтобы отметить чек бокс надо попасть в какой-то квадратик.

Очень жестоко. может сделать хотя бы модал при onchange? а еще лучше tooltip показать

адекватных макетов

макеты вполне адекватны.

как верстать другие элементы слайда

по аналогии
есть макеты с шириной 2к, 4к - это для ого чтобы на ретине не было потери качества иконок/картинок

Кроме того что менять data-атрибуты надо хранить информацию о количестве кликов на сервере иначе после перезагрузки страницы все обнулиться

$('.custom-switch').on('click', function(){
$(this)
})

ID может быть на странице только один весь js завязан на конкретные ID

Использовать media query

Странный слайдер используй event.preventDefault()

https://learn.javascript.ru/default-browser-action