сначала делаете верстку. если получилось и статика работает как вы задумали, тогда в зависимости от решения в верстке сажаем. например можно делать повторитель в повторителе
я лично вопрос не совсем понял.
А еще не очень понял чем использование CPT UI даст удобство заказчику, я как то пробовал но вернулся к регистрации кодом
Сорян что лезу, но
1. если копировать файл то путь должен быть
/ваша_тема/woocommerce/content-product-cat.php, то есть без templates
2. коментировать хуки плохая идея, так как на этот хук может быть завязан вывод чего то еще, поэтому:
3. отключаем с помощью кода
Я вижу только вариант с бекграундом. Если макета мобилки нет при адаптиве убираем этот бекграундом например и заменяем на что-то внешне немного похожее, но уже сделанное средствами css.
А вообще можно и на мобиле поиграться с бекграундом
Если оформление сделать как предложено выше через nth-child, то вывод записей стандартный, если же использовать для первых четырёх записей уникальные классы, то при выводе записей нужно будет завести счётчик и в зависимости от его значения раздавать классы
sseliverstov, ну так если базовый функционал не работает, какой код вы хотите чтобы вам подсказали прописать? ищите у себя что блокирует этот функционал
где the_title() - это стандартный вывод заголовка, а the_field('text_after_title') - это стандартный вывод произвольного поля с помощью плагина ACF, где text_after_title это слаг произвольного поля, привязанного к страницам товара