Как изменить содержимое в нужный вид?

lid2pro, смотрите полифилл lazyload для остальных браузеров, т.к., как помню его пока только хром поддерживает. Или либу очередную типа лэзилод.джс

Как реализовать эффект подмены слов?

Что это за эффект такой. И как вы думаете что ваш кусок кода должен дать людям?

Как правильно использовать метод в классе ES6 в данном случае?

illiatovpeko, достаточно выложить все, что непосредственно касается вопроса.
Да вы молодец, что верно задали вопрос, выложили плоды ваших попыток, и указали, что в итоге получаете (ошибку), но не указали что именно

Как правильно использовать метод в классе ES6 в данном случае?

Последняя строка вызывает ошибки (без неё список формируется) в ней и через 1 строку вверх

А остальным нужно колдовать, что за ошибка там?
Запомните, с таким отношением к людям вы не получите желаемого

Как правильно реализовать "популярные запросы" на сайте?

Vasyl Fomin, Отдельная таблица тегов. Это во-первых, во-вторых, таблица Таблица Товар_Тэг чтобы записать пары товар-тэг (связь один-ко-многим), и имея эту таблицу делаете связь многие-ко-многим

Как правильно реализовать "популярные запросы" на сайте?

Vasyl Fomin, типа тегов? Т.е. юзер пишет тег и выдаются товары по тегу? Или наоборот. Юзер ищет товар и плюс к ответу получает рекомендации по товарам из окна, который принадлежит искомому товару?

Как правильно составить SQL запрос? Работа с Like?

Никита Гуриев, 1. Читайте про связь многие ко многим
2. Выводите через join и group_concat результат
3. Пересмотрите архитектуру своего бд

Как сделать, чтобы код работал для класса, вместо ID?

stup_klev, Душевно в душу)))

Как адаптировать пазл?

Ну раз нужно то делайте. Не хотите сами, идите во фриланс. А вот вы задание вопрос, то задайте его корректно. Проблема по сути ясна. Но что именно вы пытаетесь сделать и что у вас не получается.
P.s. код у вас очень костыльный. Лучше без jquery, на чистом js перепишите и логику нормально постройте, и не будет у вас лапша-кода

Как правильно составить SQL запрос? Работа с Like?

А в чем вопрос? Ну составили вы запрос. Он не работает? Или что?

Как сделать, чтобы код работал для класса, вместо ID?

stup_klev, нет нужды. Вы не возвращаете значение, просто модифицируете элемент. Это лаконичный вариант цикла фоо

Как сделать, чтобы код работал для класса, вместо ID?

stup_klev, изменил. Попробуйте

Можно ли заранее закэшировать страницы, генерируемые pug?

ince, зря. Есть разница между продакшен и дев серверами. При проде, надо все чистить, минифицировать, комплектовать и приводить условно говоря минимально прожорливый и шустрый вариант. А версия дев нужна со всеми плагинами и прочим хламом, чтобы разработчик мог максимально комфортно, быстро и легко разрабатывать. Ибо сами подумайте, могли бы вместо паг юзать голый хтмл, ксс, работать в блокноте, и заливать все на сервер через фтп. Ну и много прочего

Как сделать, чтобы код работал для класса, вместо ID?

stup_klev, Так tabs это массив, а вы обращаетесь ко всему массиву, а не его элементу. Прогоните по циклу сам массив табс. Можете так:

const handler = () => {
    [...tabs].map(tab => tab.scrollIntoView({ block: 'start', behavior: 'smooth' }));
  };

Как сделать, чтобы код работал для класса, вместо ID?

stup_klev, покажите как именно вы делаете

Как сделать, чтобы код работал для класса, вместо ID?

stup_klev, а может вам нужно document.querySelectorAll('.classname')
А потом уже циклом пробежаться по каждому элементу класса и присвоить им обработчик?
Не думали?

Можно ли заранее закэшировать страницы, генерируемые pug?

ince, ок. Тогда вам вопрос. Как вы задеплоите проект? И что там останется?

Как передать массив из c# в javascript?

Towue, так почитайте что такое rest, soap, websocket. Я понял что вы хотите связать бэкенд и фронтенд

Можно ли заранее закэшировать страницы, генерируемые pug?

ince, Тут Уже задавали вопрос. Он как раз и решает вашу проблему

Можно ли заранее закэшировать страницы, генерируемые pug?

ince, Я в курсе