Сергей Волков

где-то в woocommerce/templates

да, файл taxonomy-product-cat.php, но по хорошему должны быть в ".../ваша_тема/woocommerce/"

Просто актуальной инфы так мало по этому, а я вылез из 2015 года.

У вас странные вопросы. HTML + CSS + JS это костяк всего веба который в принципе не заменим.

Логически построим цепочку. Есть бизнес разного уровня - ИП, средний бизнес, интерпрайз.

Wordpress Elementor и его аналоги, подходят для конкретной задачи - быстрое прототипирование интерфейса и запуск бизнеса в кратчайшие сроки. Пример: сегодня 1 марта, и до 8 марта вам нужно быстро запустить лендинг или магазин на шаблоне wp, что бы реализовать продажу цветов. Всё.

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

Задача фронтендера - отлично знать HTML + CSS + JS + (React\Vue\Angular) + REST API + WebSocket + сборщики + препроцессоры + figma + performance + assesability - и да, всё это требования джуна.

Умение грамотно строить скелет приложения не накинув лишних вложенностей + грамотно проектируя интерфейс компонентами - добавляет вам денег и профита в конце пути. Джуна без знаний html\css в принципе на работу не возьмут.

Лучше иди на завод

Самый гибкий и мощный вариант: делаем кастомную запись (подробная инструкция здесь), потом берём js-плагин типа Owl Carousel и всё.

С одной стороны, нужно всё писать руками + потратиться примерно час-полтора, но зато по итогу можно получить такой слайдер, какой нужен для конкретного задания. Можно ещё к кастомной записи прикрепить произвольные поля - тогда получается очень мощный инструмент.

Eugenue Cesarevich, смысл в том, что "position: absolute" работает от ближайшего родительского элемента с "position: relative". По умолчанию "position: absolute" отталкивается от документа.

<div id="parent">
  <div id="child">
  </div>
</div>

Добавьте "position: relative" в тот элемент, от которого нужно отталкиваться. При изменении позиции через top/bottom/left/right, координаты будут начинаться от элемента с позиционированием relative.

#child{
  position: absolute;
}
#parent{
  position: relative;
}