Иван Козлов

Вам нужен файл content-product.php в templates

Правильно менять шаблон woocommerce, ну и добавить css стили))
Что бы поменять шаблон для начала создай у себя в теме папку woocommerce. В нее скопируй все файлы и папки из плагина woocommerce папки templates.
Там найти файлы отвечающие за кнопку в корзину и кол-во. В зависимости от того какой тип товара у вас это будут разные шаблоны:))
Так же они различны для самого каталога и карточки товара:))

вам всего лишь нужно css свойство nth-child()
Допустим у нас новости выводятся в таком виде

<div class="items">
<div class="item">Новость 1</div>
<div class="item">Новость 2</div>
<div class="item">Новость 3</div>
<div class="item">Новость 4</div>
<div class="item">Новость 5</div>
</div>

Для того чтобы задать стиль первой новости, то необходимо сделать так

.items .item:nth-child(1){
color:red;//перечисляем свойства
}

Для того чтобы задать стиль третьей новости, то необходимо сделать так

.items .item:nth-child(3){
color:blue;//перечисляем свойства
}

так же можно использовать в таком виде

.items .item:nth-child(2n){
color:blue;//перечисляем свойства
}

это означает задать стили для каждой второго элемента

Если ты знаешь точно сколько li должно вмещаться в строку, то можно посчитать ширину ul и сделать так:
codepen.io/trampick/pen/WwzXLX