Как добавить css класс к продукту WooCommerce?

Question

[smash_wp]

Есть такой стандартный код для вывода товаров (это его начало):

<li <?php post_class( $classes ); ?>>

Все классы добавляються динамически.
Мне нужно добавить к нему бутстраповский класс col-**-*. Как это можно сделать? Или писать для всё руками в css-файле?

Answer 1

[Super User]

В post_class() посылается переменная $classes. Добавляйте свой класс туда. Если $classes это массив, то так:
$classes[] = 'col-sm-6';
Если строка, то так:
$classes .= 'col-sm-6';

Comments

[Игорь Воротнёв]

почитайте мой ответ и не городите грабли

Answer 2

[Игорь Воротнёв]

Самый правильный вариант:

<?php post_class( 'col-sm-6' ); ?>

Ну хоть иногда читайте документацию и не занимайтесь ерундой.

Comments

[smash_wp]

Там, в принципе, и документацию особо читать не надо, просто поройтесь в коде этой функции (и тех, которые она использует) - всё станет понятно. Достаточно легко разобраться.

[Игорь Воротнёв]

smash_wp: это вы мне советуете?)) я то в курсе как раз :)

Answer 3

[Дмитрий Пыркин]

Самый тупой вариант это добавить

<li class="col-**-*" <?php post_class( $classes ); ?>>

Comments

[smash_wp]

Неправильный вариант, т.к. тогда затираются все классы, которые добавляет woocommerce.

P. S. Хотя, можно все классы и самому написать, не проблема... Но хотелось бы компромисс найти)

[Дмитрий Пыркин]

можно добавить к переменной($classes+"col-**-*") или найти post_class и туда шуровать. Сорян если не правильно давно с php не работал

[smash_wp]

Дмитрий Пыркин: да я уже, в принципе, разобрался, но спасибо за желание помочь)

[Игорь Воротнёв]

Дмитрий Пыркин: post_class() - это внутрення функция WordPress, она именно для решения задач, озвученных топикстартером и была создана. Читайте мой ответ.

Answer 4

[makboriska]

Может кому нужно будет, решил задачу так:

https://makbori.com/blog/woocommerce/dobavit-svoj-...