ну данный код из моего проекта, обратите внимание, что у меня задан обертке для категорий класс archive-category-wrapper, который у меня оформлен в css, для того чтобы выглядело так как мне нужно.
Вы категории отделили? отделили. осталось оформить
Сверстайте в процентах и ремах, это не сложно и вполне себе поддерживается.
Например кнопка - шрифты и отступы в ремах, контейнер, в котором кнопка, который на треть ширины экрана - в процентах. Единственно, что обертки о которых max-width я бы давал в пикселях. но для тестового можно и в ремы перевести
Я не сильно силен в js, но с большой буквы принято называть функции конструкторы. Ваша функция не принимает аргументы, которые вы пытаетесь ей передать.
Собственно все что она делает это меняет класс у всех элементов text_item. И у всех стрелочек
А что значит задать размеры названия? Обрезать текст? тогда да, надо функция
Задать минимальную высоту блоку с названием? CSS
Отбить кнопку к низу карточки? тоже CSS использовать флексы
SanistRay, вижу пару вариантов. Сделать две страницы на разных языках и переключатель языков банальные ссылки на разные страницы. У меня так сделано старое портфолио на гитхабе.
Второй вариант - сделать json, в котором собрать все тексты и переводы к ним и небольшим скриптом грузить базовый язык, а при переключении языков грузить второй вариант. Пример реализации у меня где-то был
Стандартно у woocommerce в ссылку на продукт завернута вся разметка кроме кнопки добавить в корзину. Если у вас вообще все завернуто в ссылку включая нижнюю часть, где кнопка добавить в корзину, это означает что ктото чтото уже напортил.
небольшую сложность вижу только в позиционировании кнопок вперед - назад, подобрать в процентах расстояние и проследить чтобы оно было плюс-минус похожее на разных экранах.
берете https://kenwheeler.github.io/slick/ или любой другой слайдер и ставите centerMode
Вы категории отделили? отделили. осталось оформить