Сделать товары по три в ряд и ИМ

Добавь себе в таблицу стилей, и будет тебе счастье.

@media (min-width: 768px) {

.site-main ul.products li.product {



    width: 43.4%!important;

}

}

@media (min-width: 768px) {

.site-main ul.products li.product {



    width: 43.4%!important;

}

}

Дело в том, что мне нужно по три в горизонтальном ряду, а с таким кодом получается по 2. Я уменьшил процент в css, но та же петрушка с неполными рядами

Нужно переделать часть шаблона, в данном случае без изменений можно вывести в 4 колонки, для этого установите ширину на 24.4 %

что то я не пойму, в чем проблема это сделать

.site-main ul.products li.product {
  width: 30%;
  margin-right: 5%;
}

.site-main ul.products li.product:nth-child(3n) {
  margin-right: 0;
}

и еще нужно убрать классы классы

ul.products li.product.last

ul.products li.product.first

.site-main ul.products li.product {

  width: 30%;

  margin-right: 5%;

}



.site-main ul.products li.product:nth-child(3n) {

  margin-right: 0;

}

Сделал, спасибо, на странице с товарами помогло, но теперь на главной в виджетах по 2 в ряд...

сделайте для этого класса тоже самое "product-category product"

и уберите у них классы "first", "last"

Не очень понимаю, что творится со 1-й страницей категории http://www.stroi-reliz.ru/product-category/germetik-kley-pena/pena-ochistitel-montagnoi-peni/?v=f9308c5d0596

2-я страница в порядке при этом.. что за..

ul.products li.product .woocommerce-LoopProduct-link {
    max-height: 250px;
}

Добавь в стили, встанет более менее. Но это не панацея, часть шаблона нужно переделывать как и писал выше.

ul.products li.product .woocommerce-LoopProduct-link {

    max-height: 250px;

}

Дело еще в картинках, которые загружает контент-менеджер... То есть мне нужно стили, которые отвечают за вывод товаров по 4 в ряд на главной прописать, как ты предлагал выше, верно?